Ext实现分页
来源:互联网 发布:哪个借钱软件好 编辑:程序博客网 时间:2024/06/06 23:50
<script type="text/javascript">Ext.onReady(function(){ var cm = new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id'}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:'descn'} ]); //totalProperty对应jsp返回的totalProperty,也就是数据的总数。root对应jsp返回的root,就是一个包含返回数据的数组 var store = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({url:'09_02_01.jsp'}), reader: new Ext.data.JsonReader({ totalProperty: 'totalProperty', root: 'root' }, [ {name: 'id'}, {name: 'name'}, {name: 'descn'} ]) }); var grid = new Ext.grid.GridPanel({ renderTo: 'grid', autoHeight: true, store: store, cm: cm, bbar: new Ext.PagingToolbar({ pageSize: 10, store: store, displayInfo: true, displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条', emptyMsg: "没有记录" }) }); store.load({params:{start:0,limit:10}});}); </script>
//09_02_01.jsp
<%String start = request.getParameter("start");String limit = request.getParameter("limit");try { int index = Integer.parseInt(start); int pageSize = Integer.parseInt(limit); String json = "{totalProperty:100,root:["; for (int i = index; i < pageSize + index; i++) { json += "{id:" + i + ",name:'name" + i + "',descn:'descn" + i + "'}"; if (i != pageSize + index - 1) { json += ","; } } json += "]}"; response.getWriter().write(json);} catch(Exception ex) {}%>