Question

我在我的项目中使用jqGrid并遇到了一个奇怪的分页问题。我可以点击下一页按钮，然后从第1页到第2页，但是我推后的任何其他分页按钮都会卡在第2页上，无法转到其他页面。然而，我可以输入页码，按回车键然后它将更新显示的页面。我已粘贴下面的jqGrid代码。

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'
});
});

和html：

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

Answer 1

我认为你是以错误的方式实现rowList，在这个链接中读取rowList的定义

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

或者也可能是版本问题，请查看此链接..

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

我希望它可以帮到你

jqGrid分页按钮只需单击一下即可完成

1 个答案: