datagrid分页的一种实现方法
来源:互联网 发布:手机震动软件 编辑:程序博客网 时间:2024/06/05 13:26
初学datagrid时,很难成功实现分页,一部分是因为datagrid对分页的支持并不是非常完美,还有一部分原因是因为我们在使用springmvc生成json时经常借助responsebody直接生成json数组,而对于这些原始的json数组,datagrid是无法进行分页解析的。
实现分页的方式很多,大体可以分为两种,第一种是在后台操作数据库的环节中实现分页,然后将分页查询出的数据传给前台显示;第二种是在前台实现分页,就是将后台传过来的数据存下来,然后使用slice方法实现分页。这两种方式哪种更好无法定论,但是我们使用datagrid的目的就是方便json数据的解析,从这个角度而言在前台实现分页的方法就和这个目的背道而驰。而且如果我们使用ajax在前台获取数据还需要考虑到同步和异步的问题。
表结构如下:
我们要实现的就是对表中的记录按照进行分页,所以我们需要制定一页中选择数据的行号,也就是从哪行到哪行。具体的sql语句如下:
select * from(select temp.*,rownum no from STUDENT_INFO temp order by student_id) where no<=bottom and no>top;这里bottom和top就是分页选择的行号。datagrid的分页按钮隐含了两个post请求,将page和rows两个参数传递到后台,page就是指需要显示的页数,而rows则是每页需要显示的行数。通过这两个参数我们可以非常容易地求出bottom和top这两个我们需要的参数。但是在实际操作中,由于分页的原因,后台返回的数据恰好能显示在一页中,而datagrid自动获取的行数也恰好和每页的行数相同,这就导致了下一页按钮并不能点击,也就无法将下一次请求的page和rows发送到后台,如下所示:
导致这种情况的原因很简单,就是在后台分页的情况下datagrid无法得知我们全部记录有多少条。在通过url获取数据的情况下,datagrid的行数也不能通过前台对datagrid的设置确定下来。
其实对于datagrid而言,最佳的json形式应该如下所示:
{total:20,rows:[{key:value},{key:value}]}
datagrid在对json进行解析的时候,会自动读取total的值,作为记录的总行数。我们只需对后台返回的数据进行简单封装,使其符合这种格式即可。这里我们新建一个分页类,这个类只有两个属性,分别命名为total和rows:
public class Pager {private int total;private Object rows;public int getTotal() {return total;}public void setTotal(int total) {this.total = total;}public Object getRows() {return rows;}public void setRows(Object rows) {this.rows = rows;}}在相应的controller中新建一个Pager对象,然后查询结果的总行数赋值给total,将我们需要传给前台的json数据赋值给rows,具体代码如下:
<span style="white-space:pre"></span>@RequestMapping(value = "/getall", method = RequestMethod.POST)<span style="white-space:pre"></span>@ResponseBody<span style="white-space:pre"></span>public Object getallstudentmesg(HttpServletRequest request,<span style="white-space:pre"></span>HttpServletResponse response) {<span style="white-space:pre"></span>//获取page和rows两个参数<span style="white-space:pre"></span>int page = Integer.parseInt(request.getParameter("page"));<span style="white-space:pre"></span>int rows = Integer.parseInt(request.getParameter("rows"));<span style="white-space:pre"></span>//计算本次要查询的行号<span style="white-space:pre"></span>int top = (page - 1) * rows;<span style="white-space:pre"></span>int bottom = page * rows;<span style="white-space:pre"></span>//从数据库中查询记录<span style="white-space:pre"></span>List<StudentMessage> stumesgs = studentMessageService.getallstumesg(<span style="white-space:pre"></span>top, bottom);<span style="white-space:pre"></span>Pager pager = new Pager();<span style="white-space:pre"></span>//getstumesgnum()获取记录的总条数<span style="white-space:pre"></span>pager.setTotal(studentMessageService.getstumesgnum());<span style="white-space:pre"></span>//将本次需要返回的记录添加到pager中<span style="white-space:pre"></span>pager.setRows(stumesgs);<span style="white-space:pre"></span>return stumesgs;<span style="white-space:pre"></span>}
0 0
- datagrid分页的一种实现方法
- DataGrid的分页实现方法
- DataGrid的分页实现方法
- mybaties实现分页的一种方法
- datagrid的分页实现
- jQuery EasyUI datagrid实现本地分页的方法
- wpf DataGrid的分页实现
- easyUI的datagrid实现分页
- struts分页的一种实现
- struts分页的一种实现
- spring3+hibernate3 datagrid分页的实现
- Jquery EaysUI 的datagrid实现查询分页
- EasyUI的datagrid组件实现分页
- easyui datagrid 前台分页的实现
- DataGrid分页方法
- 比较高效的一种分页方法
- 比较高效的一种分页方法
- 优化分页系统的一种方法
- Using kgdb, kdb and the kernel debugger internals
- java+eclipse+selenium自动化
- 负数取模运算问题
- js方法将系统当前时间转换为字符串
- android 7.0新特性
- datagrid分页的一种实现方法
- 一、tftp升级实现说明(一)
- Object Detection发展介绍
- 堆与堆排序简介
- 常用ADB 命令
- 若度为m的哈夫曼树中,其叶结点个数为n,则非叶结点的个数为()
- java中将数组、对象、Map、List转换成JSON数据
- HTML DOM innerheight、innerwidth 属性
- 使用adb shell对SQLite进行相关查询