Solved

jQuery Flexigrid

Posted on 2008-06-20
8
654 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
 
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
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
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

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
This article will show, step by step, how to integrate R code into a R Sweave document
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 …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

746 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now