博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
LigerUI Grid(表格)分页要注意的地方
阅读量:6276 次
发布时间:2019-06-22

本文共 1420 字,大约阅读时间需要 4 分钟。

hot3.png

给你的grid控件添加个属性:
usePager: true//开启分页 不然grid底部的上一页下一页类似这样的按钮都没有

当usePager设置为true时,单击分页条上的按钮后所提交的请求中会默认多添加2个参数:page和pagesize,这俩参数不用手动自己添加,作为使用者,我们只要在服务器端接受这俩参数就可以了。

参数page:想得到第几页;

参数pagesize:每页显示多少条记录;

也就是说在页面设置usePager:true 后,下面的工作就在服务器端进行了。

    服务端拿到page和pagesize参数后,通过参数查询得到返回的结果后,还要手动查询总记录数

因为我用AJAX的方式来实现填充Grid,并且这个grid接受的是JSON数据,这个json数据还有格式要求:

    请参考我的服务端代码(只供参考):

@RequestMapping("/chance/list")	public @ResponseBody	String proccessList(Model model,String page,String pagesize) {				log.info("分页信息:"+page+","+pagesize);		if(null==page){page="1";}		if(null==pagesize){pagesize="5";}		List
list = chanceBiz.list(Integer.valueOf(page),Integer.valueOf(pagesize)); ObjectMapper map = new ObjectMapper(); //这个对象是jackson库里的 String rst = ""; try { rst = map.writeValueAsString(list);//转换为JSON } catch (JsonProcessingException e) { log.error(">>-----把List转换成JSON格式出错!------<<"); e.printStackTrace(); } log.info(rst); int totalCount=chanceBiz.getTotalCount();//所有记录数 StringBuilder sb = new StringBuilder(); //修正格式符合grid要求的json格式 sb.append("{\"Rows\":"); sb.append(rst); sb.append(",\"Total\":"); sb.append(totalCount+"}");//追加所有记录数到json rst = sb.toString(); return rst; }
因为我使用的Spring MVC,对于 客户端传来的参数,在服务端在处理请求的方法的参数里声明同名的参数即可获得。

grid要求的json格式如下:

{

"Rows":[{"id":1,"name":"test1"},{"id":2,"name":"test2"}],

"total":13

}

"Rows" R 不能小写哦。。

jackson下载地址:

转载于:https://my.oschina.net/lishixi/blog/87091

你可能感兴趣的文章
浅谈MVC3自定义分页
查看>>
.net中ashx文件有什么用?功能有那些,一般用在什么情况下?
查看>>
select、poll、epoll之间的区别总结[整理]【转】
查看>>
CSS基础知识(上)
查看>>
PHP中常见的面试题2(附答案)
查看>>
26.Azure备份服务器(下)
查看>>
mybatis学习
查看>>
LCD的接口类型详解
查看>>
Spring Boot Unregistering JMX-exposed beans on shutdown
查看>>
poi 导入导出的api说明(大全)
查看>>
Mono for Android 优势与劣势
查看>>
将图片转成base64字符串并在JSP页面显示的Java代码
查看>>
js 面试题
查看>>
sqoop数据迁移(基于Hadoop和关系数据库服务器之间传送数据)
查看>>
腾讯云下安装 nodejs + 实现 Nginx 反向代理
查看>>
Javascript 中的 Array 操作
查看>>
java中包容易出现的错误及权限问题
查看>>
AngularJS之初级Route【一】(六)
查看>>
服务器硬件问题整理的一点总结
查看>>
SAP S/4HANA Cloud: Revolutionizing the Next Generation of Cloud ERP
查看>>