jqGrid实现前端分页

jqgrid 前端分页

前提: 不能进行后台分页,或者后台添加分页比较麻烦的话, 打算采取前端分页 后台只需要查询全部数据,返回到前端

jqgrid需要后台返回的参数

{

  page:当前页(默认第一页 =1),

  total :总页数 (数据库返回总条数/页面分页配置显示的条数),

  records:数据库查询完的总条数,

  rows : 数据库查询的数据

}

转成json值,返回到前端

jqgrid初始化时

修改 datatype: "local",

添加

loadonce: true,

查询数据时,加载方式:

$("#jqgridid").setGridParam({ url: '请求后台的地址' });

$("#jqgridid").setGridParam({ datatype: 'json', page: 1 }).jqGrid('setGridParam', { page: 1, postData: {a:a} }).trigger("reloadGrid");


转载于 : https://www.cnblogs.com/hu-kang/p/12076874.html


12.28日补充

还有一种情况是jqgrid不经过后台拿到了所有的数据,返回的信息没有分页参数,只能用addRowData去添加数据,但是这样是分页不了的,即使jqgrid在初始化的时候设置了分页信息,但刚加载数据是不会进行分页。所以要模拟后台返回的参数,将初始化的jsonreader删除。自己去写分页参数,在后台去模拟返回的分页信息去渲染jqgrid。testcontext为所有的参数。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容