ExtJs——GridPanel分页！！！

Ext.onReady(function(){var proxy = new Ext.data.HttpProxy({url:'GridPanelPageServlet.do'});var record = new Ext.data.Record.create([{name:'hid',type:'int',mapping:'hid'},{name:'name',type:'string',mapping:'name'},{name:'sex',type:'string',mapping:'sex'},{name:'birthday',type:'string',mapping:'birthday'},{name:'edu',type:'string',mapping:'edu'},{name:'memo',type:'string',mapping:'memo'}]);var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record);var store = new Ext.data.Store({proxy:proxy,reader:reader});store.load({params:{start:0,limit:10}});var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(),{header:'ID',width:40,dataIndex:'hid'},{header:'姓名',width:80,dataIndex:'name',tootip:'这是您的姓名'},{header:'性别',width:40,dataIndex:'sex',align:'center'},{header:'生日',width:150,dataIndex:'birthday'},{header:'学历',width:80,dataIndex:'edu',align:'center'},{id:'memo',header:'备注',dataIndex:'memo'}]);var pagebar = new Ext.PagingToolbar({store:store,pageSize:10,displayInfo:true,displayMsg:'本页显示第{0}条到第{1}条的记录，一共条{2}。',emptyMsg:'没有记录'});var grid = new Ext.grid.GridPanel({renderTo:Ext.getBody(),title:'中国公民',width:650,autoHeight:true,autoExpandColumn:'memo',cm:cm,store:store,bbar:pagebar});});

 

 

protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {resp.setContentType("text/html;charset=utf-8");PrintWriter out = resp.getWriter();// 获取参苏int start = Integer.parseInt(req.getParameter("start"));int limit = Integer.parseInt(req.getParameter("limit"));int totalProperty = 86;int end = start + limit;if (end > totalProperty) {end = totalProperty;}// 为表格分页准备数据List<Human> root = new ArrayList<Human>();for (int i = start; i < end; i++) {root.add(new Human(i, "无名氏" + i, "男", "1986-10-02", "博士", "测试数据"));}// 封装符合分页格式的数据Page page = new Page(totalProperty, root);JSONObject jsonObject = JSONObject.fromObject(page);String json = jsonObject.toString();out.println(json);out.flush();out.close();}

 

package grid.panel.page;public class Human {private int hid;private String name;private String sex;private String birthday;private String edu;private String memo;public Human() {}public Human(int hid, String name, String sex, String birthday, String edu,String memo) {this.hid = hid;this.name = name;this.sex = sex;this.birthday = birthday;this.edu = edu;this.memo = memo;}}

 

package grid.panel.page;import java.util.List;public class Page {private int totalProperty;private List<Human> root;public Page() {}public Page(int totalProperty, List<Human> root) {this.totalProperty = totalProperty;this.root = root;}}