Solved

jQuery Flexigrid

Posted on 2008-06-20
8
755 Views
Last Modified: 2010-04-21
Hello Experts,
I am trying to select all the rows available in the Flexigrid and return their IDs to process.
I am using the attached function to call it from the Save button on the page.
<a href="javascript:savetList();" class="button">Save</a>
It is showing the IDs currectly in the alert but the rows are not getting selected, I mean this line is not getting executed
$('.bDiv tbody tr',grid).addClass('trSelected');
can someone please let me know why?
thanks for your help
regards
sam
function savetList(){
   test("save","#listDisplay")
 } 
 
function test(com,grid)
{
if(com=='Save'){
$('.bDiv tbody tr',grid).addClass('trSelected'); 
if($('.trSelected',grid).length == 0){ 
	alert('There is no item to Export.');
}else{
						var items = $('.trSelected',grid);
						var sIds = "";
						for(i=0;i<items.length;i++){									
								sIds +=  "," + items[i].id.substr(3);
						}
								      
						alert(sIds.substr(1));
}}}

Open in new window

0
Comment
Question by:newbie27
  • 6
  • 2
8 Comments
 
LVL 82

Expert Comment

by:hielo
ID: 21831931
>> $('.bDiv tbody tr',grid).addClass('trSelected');
are you saying that your table has class="bDiv"?

If anything, instead of .bDiv try #xxx where xxx is the id of your table
0
 
LVL 8

Author Comment

by:newbie27
ID: 21832026
Hello Hielo,
I have tried the following as you have suggested but it is not selecting the rows.
Please can you help
thanks
 
 if (com=='Export'){
					$('#listDisplay tbody tr',grid).addClass('trSelected'); 
					if($('.trSelected',grid).length == 0){ 
						alert('There is no item to Export.');
					}else{
						var items = $('.trSelected',grid);
						var sIds = "";
						for(i=0;i<items.length;i++){									
								sIds +=  "," + items[i].id.substr(3);
						}
								      
						alert(sIds.substr(1));
						$("#ISBNLists").val(sIds.substr(1));
						$("#frmExport").submit();
					}	

Open in new window

0
 
LVL 8

Author Comment

by:newbie27
ID: 21832028
Hello Hielo,
I have tried the following as you have suggested but it is not selecting the rows.
Please can you help
thanks
 
 if (com=='Export'){
					$('#listDisplay tbody tr',grid).addClass('trSelected'); 
					if($('.trSelected',grid).length == 0){ 
						alert('There is no item to Export.');
					}else{
						var items = $('.trSelected',grid);
						var sIds = "";
						for(i=0;i<items.length;i++){									
								sIds +=  "," + items[i].id.substr(3);
						}
								      
						alert(sIds.substr(1));
						$("#ISBNLists").val(sIds.substr(1));
						$("#frmExport").submit();
					}	

Open in new window

0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 
LVL 8

Author Comment

by:newbie27
ID: 21832152
Heilo,

I thought this should do it but it did not work.

$('.bDiv #listDisplay tbody tr',grid).addClass('trSelected');

I believe I am still not referring the row ID correctly.

Please can you advice.

Thanks for your help HIELO.


<div class="bDiv" style="height: 350px;">
<table id="listDisplay" cellspacing="0" cellpadding="0" border="0" style="">
<tbody>
<tr id="rowe2007092018174409"><td align="left"><div style="text-align: left; width: 150px;"> Townsend, Richard </div></td><td align="left"><div style="text-align: left; width: 200px;"> Circus Street Communications </div></td><td align="left"><div style="text-align: left; width: 50px;"> N </div></td><td align="left"><div style="text-align: left; width: 150px;">  </div></td><td align="left"><div style="text-align: left; width: 200px;"> <div style="display: inline; width: 200px;" class="edit_area" title="Click to edit...">click here for notes</div> </div></td></tr>
</tbody>
</table>
</div>

Open in new window

0
 
LVL 82

Accepted Solution

by:
hielo earned 500 total points
ID: 21832573
Try:
$('.bDiv #listDisplay tbody tr').addClass('trSelected');
0
 
LVL 8

Author Closing Comment

by:newbie27
ID: 31469187
thanks, this worked
0
 
LVL 8

Author Comment

by:newbie27
ID: 21832615
0
 
LVL 8

Author Comment

by:newbie27
ID: 21855435
Hello Hielo,
Please can you look into my open flexigrid issue? whenever you get the chance please have a look...
thanks
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Active Directory replication delay is the cause to many problems.  Here is a super easy script to force Active Directory replication to all sites with by using an elevated PowerShell command prompt, and a tool to verify your changes.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Learn the basics of if, else, and elif statements in Python 2.7. Use "if" statements to test a specified condition.: The structure of an if statement is as follows: (CODE) Use "else" statements to allow the execution of an alternative, if the …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question