jqGrid之真分页

写在前面:
之前的工作中需要用到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 死活不能达到理想的分页效果 。同学们引以为鉴!!

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值