Setting id is recommended for proper work. Also you can generate your own id using random generator. The fasted way to every dom manipulation is to query it by ID.

Best Regards

Tony

jqGrid is also inserting duplicate id's when two grids are on the same page for me.

I'm very surprised by this, not sure what to think. I've seen it do different things on different days so it could be somewhat dependant on how I have the page organized, but looks like this: 

2 instances of the same grid on the page, both using the same template to get the grid on the page, using NO ID's:

'<table class="scroll" cellpadding="0" cellspacing="0"></table>'

then I have two grids added to the page. It works fine with duplicate ids in FFox but blows up on IE7...

I see this for both grids in the DOM with Firebug:

<div style="width: 625px;" id="gview_" class="ui-jqgrid-view"></div>

<div style="display: none;" class="loading ui-state-default ui-state-active" id="load_">Loading...</div>

<div class="ui-widget-overlay jqgrid-overlay" id="lui_">

Not positive but I think this is why 2 grids are not working on the same page for me, in IE7. Maybe there is an option I've overlooked I should be setting, or maybe this is a bug that needs to be fixed because I'm using the grid in a factory that is adding instances of the same grid to the page?

I'd probably prefer to avoid IDs altogether, and short of that be able to set some kind of configuration param that will help me know what ids I can expect for each instance of the grid on a given page.

thx, Jeff-

Tony,

I wonder about using id's in a case like this at all… seems like the template should never have id's, in the case where I want to reuse the same template on the same page (imagine a desktop with instances of a grid class, all having a template with a repeated id). This won't work, simple DOM rules.

I've been using:

$(.classname)[0]  or $(.classname).jqGrid

but it only works the first time to instantiate the grid, but I can't use it get a handle to the grid later to use it to modify the grid dynamically.

I realize this puts several elements on a page with the same classname, but I can use the windowing system to contexualize the search to the current context of my widget's window (window framework) like this:

$(”table.scroll”, this.$content)    <– jquery allows second item, to scope search to current context, thus 1 element is returned

I did an inspect and see that the grid resets the class name to .ui-jqgrid-btable.  I use that, and it works…

is this sanctioned to use to get a handle to the grid or is there a better way? Should I put the grid in a var and refer to the var instead? Of course I'll have to declare the var high enough up that I can get to it at the page level WITHOUT having a handle to the grid to get it..

I've searched and searched, I don't see ANY examples in the docs that deal with this and I don't see the subject discussed, but web 2.0 is all about avoiding IDs when possible to avoid DOM conflicts, and possibly the reason this person has a problem, if they repeat id's on the page.

property, which ensures that each grid is loaded without overlapping sessions or threads.

On another note Darren, I keep the previous value of the number of rows per page on my server (Mvc app) and when it posts back for any reason I check to see if the number of rows per page has chnaged, and if so, send them back to page 1. However, I was using a sessions variable MyjqGridRowsPerPage and since I have many grids on the same page will need to create a different one for every grid, seems like a lot of work, how did you handle this situation with the user changing the number of rows per page? Tony do you have any suggestions?

I had ” instead of “, which Firefox at least was reading as an error.  Thanks again for the assistance.

I'm not sure that this is a jqGrid problem

Could you please provide a link to the problem?

Best Regards

Tony

It appears that setting this up like so :

renders the script inoperable (no grid appears).

Firebug reports :

illegal character

jQuery(”#grid”).jqGrid('setGridParam',{datatype:'json'});

Try to implemet the following logic for the 3 grids:

Create the grid initiallly with datatype local and then set the data type to json and trigger with setTimeout - i.e.

Regards

Tony

On the inital load all three grids attempt to load, but this causes the PHP session to become lost.  Is there any way to add a delay to the ajax calls or a queue perhaps?