datagrid分页的一种实现方法

初学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>}