LigerUI Grid(表格)分页要注意的地方

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

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

参数page:想获得第几页;
参数pagesize:每页显示多少条记录; json

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

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

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

    请参考个人服务端代码(只供参考): spa


@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<Chance> 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格式以下: code

{ xml

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

"total":13 get

}

"Rows" R 不能小写哦。。

jackson下载地址:http://wiki.fasterxml.com/JacksonDownload

相关文章
相关标签/搜索