学步园

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

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

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

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