jQuery Grid Plugin - jqGridForum

Topic RSS

Multiple Grids pager problem only in firefox

19/03/2011
21:04

strgg

Member

Members

Forum Posts: 16

Member Since:
19/03/2011

Offline

Hello Tony & community

Thanks for this awesome grid. a perfect fit between slickgrid and extJs. slim and very versatile, love it.

I am playing arround with multiple grids on 1 page which works fine if i give unique id's for the #grid and the #pager.

Facts:
- Everything Works in Internet Explorer perfectly
- Anything works in Firefox except pagination

- i wrote a php script to load the both grids dynamically with variables
- the data from the sql-database is loaded correctly with unique id's
- the tables, grid-name and pager-name are all unique

Problem:
- In firefox the pagination does not appear correctly ->pic 1

- If i load the second grid's jquery with setTimeout(function() {....},1) ->pic2 , than the pagination appears correctly But the second page than does not set the "first"-pagination button to enabled ->pic3.

HELP ON:
hint me what to look for.

normal load: does not show ...from(von) x.... pagination of 2nd grid not clickable

[Image Can Not Be Found]

with timeout: 2nd grids pagination getting loaded correctly

[Image Can Not Be Found]

with timeout 2nd page: backwards not possible on 2nd grid.

[Image Can Not Be Found]

Please help with a short hint what have i to look for.

21/03/2011
12:45

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hello,

I am sure that it is the jqGrid bug. The problem is that in the pager jqGrid use currently non-unique ids like "first", "prev", "next" and "last". I posted here the corresponding fix of the problem.

Best regards
Oleg

21/03/2011
18:35

strgg

Member

Members

Forum Posts: 16

Member Since:
19/03/2011

Offline

Hi Oleg

Thanks for your response! Very glad about your post.

Yes i thought also about that but then i thought maybe the browser should walk the dom (coming from different trees (id of grid)) and resolve correctly. But your posted fix resolves the issue, so you got the problem at the root.

Maybe tony will implement that in a future upgrade so that we have also a minified version of it.

Thanks

bytheway;

Something strange i discovered is if i create the 2 grids with plain html it will not conflict but if i create them dynamically only then it conflicts. Part of my script is as follows:

jQuery(document).ready(function(){

setTimeout(function() {

   jQuery("#<?php echo $grid_name;?>").jqGrid({
       url:'modul/modul_jqgrid/ex_get3.php?tb=<?php echo $tb;?>',
       datatype: 'xml',
       mytype:'POST',
       colNames:[<?php echo $col_names;?>],
       colModel :[
       <?php echo $col_models;?>
       ],
       pager: '#<?php echo $toolbar_name;?>',
       rowNum:<?php echo $row_num;?>,
       rowList:[<?php echo $row_list;?>],
       sortname: '<?php echo $sort_name;?>',
       sortorder: '<?php echo $sort_order;?>',
       height: "<?php echo $height;?>",
       viewrecords: true,
       altRows : true,
       caption: '<?php echo $grid_title;?>',
       editurl:"modul/modul_jqgrid/ex_edit3.php?tb=<?php echo $tb;?>"<?php if (!empty($add)){ echo ",n";}?>
       <?php if (!empty($add)){ echo $add;}?>
   });

   jQuery("#<?php echo $grid_name;?>").jqGrid('navGrid','#<?php echo $toolbar_name;?>',
       <?php echo $usertypevar;?> // {edit:true,add:true,del:true,search:true}, //options
       {height:480,reloadAfterSubmit:true,closeAfterEdit:true}, // edit options
       {height:480,reloadAfterSubmit:true,closeAfterAdd:true}, // add options
       {}, // del options
       {closeAfterSearch:true} // search options
   );

   <?php echo $add_outer;?>

   }, <?php echo $timeout;?>)
});
   <?php echo $add_outside;?>

The output from the html in firebug, even the $_GET in the network-tab are all the same like in the plain html 2-grid example.

Maybe the response from the grid at loading the $_GET ( the rows, number, cols, …) can't identify in some browsers (firefox) the target correctly. It has to be like this and your fix solved it.

I wrote that for the people who are trying to do the multi grids to reproduce the error, saying them that it mainly appears with dynamically produced grids (php variables) … at least based on my experience.

Best regards and thanks for responses and help … maybe tony will let us know his guesses about the issue too

Thanks Oleg

Regards,
Gerry

25/03/2011
19:17

strgg

Member

Members

Forum Posts: 16

Member Since:
19/03/2011

Offline

@tony

Could you please give a short feedback if Oleg's fix will be taken into a update?

THANKS

06/04/2011
15:35

strgg

Member

Members

Forum Posts: 16

Member Since:
19/03/2011

Offline

Any news on this tony?

thanks

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
39 Guest(s)

Currently Browsing this Page:
1 Guest(s)