?
Solved

jQuery Flexigrid

Posted on 2008-06-20
8
Medium Priority
?
1,015 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
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 2000 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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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 …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Suggested Courses
Course of the Month17 days, 12 hours left to enroll

831 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