?
Solved

jQuery Flexigrid

Posted on 2008-06-20
8
Medium Priority
?
927 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
[X]
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
  • 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
Industry Leaders: 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!

 
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

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…
This article discusses how to create an extensible mechanism for linked drop downs.
Learn the basics of modules and packages in Python. Every Python file is a module, ending in the suffix: .py: Modules are a collection of functions and variables.: Packages are a collection of modules.: Module functions and variables are accessed us…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

764 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