Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

jQuery Flexigrid

Posted on 2008-06-20
8
784 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
The New “Normal” in Modern Enterprise Operations

DevOps for the modern enterprise offers many benefits — increased agility, productivity, and more, but digital transformation isn’t easy, especially if you’re not addressing the right issues. Register for the webinar to dive into the “new normal” for enterprise modern ops.

 
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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Batch, VBS, and scripts in general are incredibly useful for repetitive tasks.  Some tasks can take a while to complete and it can be annoying to check back only to discover that your script finished 5 minutes ago.  Some scripts may complete nearly …
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

839 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