写在前面:
之前的工作中需要用到jqGrid用来展示数据,看中的就是其简约的UI风格和方便的配置还有它排序和分页的功能也很方便。之前的数据量都不大最多也就几百条(就直接全部查出所有数据再界面渲染也就是加分页)。可是最近的工作中需要满足快速展示几万条数据的需求。这就不得不用真分页了。
实现起来也很简单:
1、后台返回数据格式要求:
page : 当前也码。
records : 总数据条数。
rows : 数组格式 内容为要显示的对象。
total : 总页数。
2、前台必要的配置信息
直接看代码吧 也很简单
$("#batch_task_grid").jqGrid({
datatype: "json",
postData: {},
url: ""
mtype: 'GET',
styleUI: 'Bootstrap',
regional: 'cn',
colModel: [...],
viewrecords : true,
autowidth : true,
height : 350,
rowNum : 15,
shrinkToFit : true,
autoScroll : true,
cellEdit : false,
multiselect : true,
rownumbers : true, // 必须为true
pager: "#batch_task_grid_pager"
});
这里说起来自己也走了一些弯路,一开始并未把 rownumbers 设置为true 死活不能达到理想的分页效果 。同学们引以为鉴!!