jQuery Grid Plugin - jqGrid - Topic: 2 grids and only 1 pager works

helder on 2 grids and only 1 pager works

Tue, 05 May 2009 08:50:25 +0300

Hey!

I'm more of a PHP developer and so jQuery and FireBug are actually rather new to me (few months). I haven't had the time to learn all of what FireBug has to offer, and am continually learning more and more of jQuery.

I tried to pass in jsonstring to datatype and an empty string to datastr, but nothing happened and I didn't know how to see what was happening as you said in FireBug.

So, I still don't understand why this happens and more importantly, how to solve it.

I tried putting the entire second grid inside the onclick function that loads it (the open book icon), and use a GridUnload() when closing.

I have the same result as before.

tony on 2 grids and only 1 pager works

Tue, 05 May 2009 07:53:30 +0300

Hello,

Did you try my approach above. The second populating can be in the fact that in some version of FireBug this can be happen. Also IMHO you code is clean.

Regards

Tony

helder on 2 grids and only 1 pager works

Wed, 29 Apr 2009 18:02:40 +0300

I don't know how to solve it.

When you click the icon, this is what happens:

$(ufl)
.clearGridData()
.setGridParam({
      url: "http://myurlnewurl...&task=griduf&c="+row_id
    , datatype: 'json'
    , page: 1
})
.setCaption('the new caption')
.trigger('reloadGrid')
;

...

$(ufb).show(1000);

tony on 2 grids and only 1 pager works

Wed, 29 Apr 2009 15:32:21 +0300

Hello,

What I try to explain is:

If I click on the book icon of the first grid the second (hidden grid) is triggred two times. This can be asy seen with firebug.

Also try the following on second grid (in order to understand what is happen)

..jqGrid({

...

datatype : "jsonstring:

datastr: ' " " ',

...

});

instead of datatype local.

Regards

Tony

helder on 2 grids and only 1 pager works

Tue, 28 Apr 2009 09:25:57 +0300

Hey Tony, I'm sorry, but I didn't understand your instructions.

I didn't understand how the grid is executed two times.

There are two grids loading, but the second one is hidden with datatype:'local', until you click the open book icon in the first grid. This will set the datatype in the second to 'json', trigger reloadGrid and jquery 'show' it. But it's always there, though.

This pager button thing happens all over my backoffice, when I have more then 1 grid in the same page, and I use multiple grids extensively. But the pager buttons only show in the first grid.

I also didn't understand how to correct what you see in the updatepager function. I have the pager set in html and in the grid:

and

var ufb = "#griduf";
var ufp = “#pageruf”;
...
$(ufb).hide();
...
$(ufl).jqGrid({
   pager: $(ufp),
   datatype: 'local',
   ...
}); // end ufgrid

tony on 2 grids and only 1 pager works

Tue, 28 Apr 2009 09:02:36 +0300

Check your code. If I select to view the grid - it is executed two times.

If I look in to the updatepager function the element

"#pageruf"

could not be found in order to set the pager elements

when the pager try to updates.

Regards

Tony

helder on 2 grids and only 1 pager works

Tue, 28 Apr 2009 08:37:48 +0300

Hey Tony! It's done. Thanks for the help.

tony on 2 grids and only 1 pager works

Tue, 28 Apr 2009 08:08:37 +0300

Hello,

In order to see what is the problem, please replace the jquery.jqgrid-min.js with non minified version - i.e jquery.jqgrid.js

Regards

Tony

helder on 2 grids and only 1 pager works

Sun, 26 Apr 2009 07:11:04 +0300

I've just corrected that, but the icons still don't show.

tony on 2 grids and only 1 pager works

Sun, 26 Apr 2009 07:01:26 +0300

Hello,

Check your server responce. I see

{"page":"0","total":5,"records":"42","rows"....

page is 0, but total pages are 5. This causes the pager not to apper.

helder on 2 grids and only 1 pager works

Sun, 26 Apr 2009 05:15:43 +0300

Hi Tony! Thanks, but it didn't work. You can test it out here: http://inweb.pt/?com=cursos&#0.....a&t=7

It only happens on Firefox and Chrome.

All my detail grids are initially hidden. On this example, you have to click the open book icon to see the second.

I tried not hiding the second grid (commenting $(ufb).hide();), but it still didn't work.

tony on 2 grids and only 1 pager works

Sat, 25 Apr 2009 06:14:35 +0300

Hello,

Open the css file find div.scroll and remove display:none property.

Regards

Tony

helder on 2 grids and only 1 pager works

Thu, 23 Apr 2009 10:32:54 +0300

I have the same problem. Tried searching the forum, but haven't found the solution.

I'm using jqGrid 3.4, with jQuery 1.3.

Thanks!

JV on 2 grids and only 1 pager works

Wed, 29 Oct 2008 14:18:33 +0200

Since long time ago I've been looking in the forum but I can not find anything about it. I don't know what to do

Please, if you find anything, copy paste the link here. I would greatly appreciate you.

tony on 2 grids and only 1 pager works

Wed, 29 Oct 2008 10:29:59 +0200

Hello,

If I remember there was the same problem and someone posted here the solution.

Also try to search the forum. I will serch too.

Regards

Tony

JV on 2 grids and only 1 pager works

Wed, 29 Oct 2008 08:17:36 +0200

Hello tony, thank you for responding.

I did a test with a single grid (disable the code of the first grid) and worked fine. I do not understand.

this is my code:

//from here the second grid´s code

      jQuery("#details").jqGrid({
       url:'wp-content/themes/default/aportes.php',
       datatype: 'xml',
       mtype: 'GET',
       colNames:['ID','Empresa', 'Orden de Compra', 'Orden de Pago', 'Monto (Bs.F.)', 'Especies', 'ID_E', 'carta'],
       colModel :[
          {name:'id_a', index:'id_a', width:20, editable:false, editoptions:{readonly:true,size:10}},
          {name:'proveedor', index:'proveedor', width:90, editable:true, editoptions:{size:100}},
          {name:'orden_compra', index:'orden_compra', width:76, align:'right', editable:true, editoptions:{size:15}},
          {name:'orden_pago', index:'orden_pago', width:64, align:'right', editable:true, editoptions:{size:15}},
          {name:'monto', index:'monto', width:62, align:'right', editable:true, editoptions:{size:15}},
          {name:'especie', index:'especie', width:55, align:'right', editable:true, editoptions:{size:15}},
          {name:'id_e', index:'id_e', width:80, align:'right', editable:true, editoptions:{size:10}},
          {name:'carta', index:'carta', width:26, align:'center', sortable:false, editable:true, editoptions:{size:10}}],
       pager: jQuery('#pagerdetails'),
       rowNum:10,
       rowList:[10,20,30],
       sortname: 'id_a',
       sortorder: "asc",
       viewrecords: true,
       imgpath: 'wp-content/themes/default/themes/rojo/images',
       caption: 'Empresas que contribuyeron con el Evento',
       width:   700,
       loadtext:   'Cargando...',
       recordtext:   'Registros',
       height:       '100%',
       hidegrid:   false,
       editurl:   'wp-content/themes/default/actualizacion.php'
      });

      jQuery("#details").navGrid('#pagerdetails', //botonera de la tabla Contribuciones - WEB_0009
      {add: true, edit: true, del: true},

      {width:550,//Botón de Edición
       height:225,
       bSubmit: "Guardar",
       bCancel: "Cancelar",
       processData: "Procesando...",
       mtype:   "POST",
       editData:    {tabla:'aportes'}},

      {width:550,//Botón de Adición
       editCaption:"<b>Añadir Contribución</b>",
       height:160,
       bSubmit: "Guardar",
       bCancel: "Cancelar",
       processData: "Procesando...",
       mtype:   "POST",
       afterSubmit:function(status,aPostdata)
                            { return[true]; } },

      {bSubmit: "Eliminar",//Botón de Eliminación
       bCancel: "Cancelar",
       processData: "Procesando...",
       msg:   "Esta seguro de eliminar esta Contribución?",
       caption:   "<b>Eliminar Evento</b>",
       mtype:   "POST",
       delData:    {tabla:'aportes'}},

      {caption: "Buscar",//Botón de Búsqueda
       Find: "Buscar",
       Clear: "Limpiar",
       odata : ['igual', 'distinto', 'menor', 'menor o igual','mayor que','mayor o igual que', 'comienza con','termina con','contiene' ]}
      );

tony on 2 grids and only 1 pager works

Wed, 29 Oct 2008 03:21:10 +0200

Hello,

Check your code. If you make a copy paste there will be some errors.

Regards

Tony

JV on 2 grids and only 1 pager works

Tue, 28 Oct 2008 16:55:55 +0200

Hello.

Excuse my lousy english. I got a problem like this, but in my case, i can´t view the form edit popup of my second grid!!!. All the buttons are visibles.

In Firebug i can see the popup's code perfectly loaded but the DIVs and table are invisible, like transparents.

Somebody could help me?

thank you

spiderglobe on 2 grids and only 1 pager works

Tue, 23 Sep 2008 11:34:02 +0300

Looks like a stylesheet issue. In IE its working.. Will check this out..

spiderglobe on 2 grids and only 1 pager works

Tue, 23 Sep 2008 09:48:50 +0300

Hi tony,

First thanks for this great plugin!

I've two grids within one html page. For the first grid the pager is showing
fine, including the navigation buttons but for the second grid the navigation
buttons are not present (the pager is shown but the navigation buttons
are missing).

If assigned a different id for the pager of each grid and also set the pgbuttons: true,

Strange thing is if I put the second grid on the first place (in the code) the problem still exists in the second grid (meaning that I switchs the grids from position and that the problem switch also). It is always the second grid that is not showing the pager correctly (no buttons).

Regards,

Richard