JQGrid怎样本地分页

Question

$.ajax({
type : 'get',
url : "user/findUser.action",
success : function(data) {
$(".usermanager-maindiv").bind("click",function(){ });
var ajaxResult = JSON.parse(data.ajaxResult);
var mydata = [];
for (var i = 0; i < ajaxResult.result.length; i++) {
mydata[i] = {
account : ajaxResult.result[i].account,
userName : ajaxResult.result[i].name,
rolename : ajaxResult.result[i].role.name,
emaildress : ajaxResult.result[i].email,
phone : ajaxResult.result[i].phoneid,
id : ajaxResult.result[i].id,
roleId : ajaxResult.result[i].role.id
};
};
if (ajaxResult.success) {
$("#gridTable").jqGrid({
height:$.methods.getBodyHeight()-130,
width:$.methods.getBodyWidth()-255,
colNames : [
i18n.monitorUserloginAaccount,
i18n.monitorUserName,
i18n.monitorUserRole,
i18n.monitorUserAdress,
i18n.monitorUsePhoneNuber,
i18n.monitorUserNumber,
i18n.monitorUserPassWord
],
colModel : [
{name : 'account',index : 'account', width : 80,editable : true}, 
{name : 'userName',index : 'userName',width : 90,editable : true}, 
{name : 'rolename', index : 'rolename',width : 70}, 
{name : 'emaildress',index : 'mobilePhone',width : 120,editable : true},
{name : 'phone',index : 'phone',width : 100,sorttype : "string",editable : true},
{name : 'id',index : 'id',width : 0,sorttype : "string",hidden : true}, 
{name : 'roleId',index : 'roleId',width : 0,sorttype : "string",hidden : true}
],
editoptions : {
                required : true
            },
sortname : 'id',
jsonReader:{
root: mydata, 
page: 1, 
total: 10, 
records:100
},
sortorder : 'asc',
viewrecords : true,
hidegrid: false, 
forceFit : true,
rowNum : 1,
rowList : [10, 20, 30],
pager : "#gridPager",
caption : i18n.monitorUserManagement,
ondblClickRow : function(){
BackendHandler.openDialog4Updating();
}
});
}
$("#gridTable").jqGrid("navGrid", "#gridPager", {
addfunc : BackendHandler.openDialog4Adding, // (1) 点击添加按钮，则调用openDialog4Adding方法
editfunc : BackendHandler.openDialog4Updating, // (2) 点击编辑按钮，则调用openDialog4Updating方法
delfunc : BackendHandler.openDialog4Deleting, // (3)  点击删除按钮，则调用openDialog4Deleting方法
search:false,
onPaging: uppage,
alerttext : "请选择需要操作的数据行!" // (4) 当未选中任何行而点击编辑、删除、查看按钮时，弹出的提示信息
});
function uppage(pgButton){
var page = $("#gridTable").jqGrid('getGridParam','page');
$("#gridTable").setGridParam({page:page}).trigger("reloadGrid");
} 
$("table.ui-jqgrid-htable").width($.methods.getBodyWidth()-255);
$("#gridTable").width($.methods.getBodyWidth()-255);
$("#gridTable").jqGrid("clearGridData");
for (var j = 0; j <= mydata.length; j++) {
$("#gridTable").jqGrid('addRowData',j + 1, mydata[j]);
num=j+1;
}
userId = $("#gridTable").jqGrid("getGridParam","selrow");
$(window).bind('resize', function() {
$("#gridTable").setGridWidth($.methods.getBodyWidth()-255);
$("#gridTable").setGridHeight($.methods.getBodyHeight()-130);
});
},
error : function() {
asyncbox.tips(i18n.commonAccessError, "error",Common.GlobalVariable.tipTime);
$.methods.stopProcess();
}

});
用它的URL总是不出数据，我就外连了但是这样不分页，怎样才能让他分页呢？

Answer 1

<table id="gridTable"></table>
<div id="gridPager" style="text-align: center";></div>
下面的div是放工具栏的,包括分页.另外rowNum 属性是初始化时每页的记录数,改成10吧.
直接用url不出数据说明你发送的数据格式不对,或者是解读器jsonReader没有正确解读.

Answer 2

我的rowNUM本来是10因为没法正确分页我改成1是查看效果

Answer 3

这种情况我也遇见过，花费了不少时间终于解决了。可以参考我的博客
http://blog.csdn.net/wynan830/article/details/8444748