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; } }