Les boutons de pagination jqGrid ne fonctionnent qu'en un clic

Question

J'utilise jqGrid dans mon projet et j'ai rencontré un problème de pagination étrange. Je peux cliquer sur le bouton de la page suivante et aller de la page 1 à la page 2, mais tous les autres boutons de pagination que je pousse après que je suis coincé à la page 2 et ne peuvent pas aller à d'autres pages. Je peux cependant taper un numéro de page, appuyer sur Entrée, puis mettre à jour la page affichée. J'ai collé le code jqGrid ci-dessous.

jQuery(document).ready(function(){ 
jQuery("#groupsTable").jqGrid({ 

    jsonReader: { 
     root:"rows", 
     page:"page", 
     total:"total", 
     records:"records", 
     repeatitems:false, 
     cell:"", 
     id:"id", 
     userdata:"userdata" 
    }, 
    url:'project/selectTable/loadTableInfo.do', 
    datatype:'json', 
    colNames:['Name','Size', 'Number', 'Search','Delete'], 
    colModel:[ 
    {name:'name',index:'name', width:500, sorttype:'text', searchoptions:{sopt:['cn']}, 
    {name:'size',index:'size', sorttype:'int', width:150, searchoptions:{sopt:['le']}}, 
    {name:'mailList',index:'mailList',sorttype:'int', width:150, searchoptions:{sopt:['le']}}, 
    {name:'search',index:'search', stype:'select', width:60, sortable:false}, 
    {name:'delete',index:'delete',width:60, stype:'select', sortable:false}], 
    pager:'#pager', 
    loadonce:true, 
    rowNum:50, 
    rowList:[10,25,50,75,100,500], 
    viewrecords:true, 
    height:600, 
    pgbuttons:true, 
    pginput:true, 
    loadComplete: function(){     
    var ids = jQuery("#groupsTable").getDataIDs(); 
    for(var i=0;i<ids.length;i++){ 
     var cl = ids[i]; 
     X = "<span class='delete' onClick=deleteRow("+cl+");></span>" 
     searching = "<span class='search' onClick=search("+cl+");></span>" 
     jQuery("#groupsTable").setRowData(ids[i],{delete:X}); 
     jQuery("#groupsTable").setRowData(ids[i],{search:searching}); 
     } 
    jQuery('#groupsTable').filterToolbar({searchOnEnter:false}); 
    jQuery('#groupsTable')[0].triggerToolbar(); 
    }, 
    caption:'General Info' 
}); 
}); 

Et le code html:

<table id="groupsTable"></table> 
<div id="pager"></div> 

Answer 1

ce que je pense que vous implémentez rowList de manière erronée, lisez le defination de rowList dans ce lien

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:first_grid

ou il pourrait être un problème de version aussi, vérifiez ce lien ..

http://www.trirand.com/blog/?page_id=393/help/default-rowlist/

J'espère que cela vous aide