java表格分页Extjs.docVIP

!DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.01?Transitional//EN 分ExtJS表格分页 meta?http-equiv content-type?content text/html;?charset UTF-8 link?rel stylesheet?type text/css?href ../ext/resources/css/ext-all.css?mce_href ext/resources/css/ext-all.css/ mce:script?type text/javascript?src ../ext/adapter/ext/ext-base.js?mce_src ext/adapter/ext/ext-base.js /mce:script mce:script?type text/javascript?src ../ext/ext-all.js?mce_src ext/ext-all.js /mce:script mce:script?type text/javascript !-- Ext.onReady function //定义数据集对象 var?store new?Ext.data.Store reader:new?Ext.data.JsonReader , autoLoad: params: start:0,limit:10 , proxy:new?Ext.data.HttpProxy url:jsonServer.jsp ; var?grid new?Ext.grid.GridPanel title:表格数据分页, applyTo:grid, frame:true, width:450, height:300, tbar:new?Ext.PagingToolbar store:store, pageSize:10, displayInfo:true, displayMsg:第 0 条到 1 条,一共 2 条, emptyMsg:没有记录 , store:store, columns:[ header:ID,width:50,dataIndex:personId,sortable:true , header:姓名,width:80,dataIndex:personName,sortable:true , header:年龄,width:80,dataIndex:personAge,sortable:true , ] ; ; //?-- /mce:script div?id grid 创建服务器端jsp页面用于产生数据: [java]?view plaincopy %@?page?language java?contentType text/html;?charset ISO-8859-1 pageEncoding ISO-8859-1% %@?page?import java.util.*?% % String?start request.getParameter start ; String?limit request.getParameter limit ; System.out.println start:+start ; System.out.println limit:+limit ; Integer?first Integer.parseInt start ; Integer?limitInt Integer.parseInt limit ; List ?list new?ArrayList ; for int?i 0;i 100;i++ StringBuffer?data new?StringBuffer ; data.append id: .append i .append ,name: .append tom+i+ .append ,age: .append i .append ; list.add data.toString ; StringBuffer?showData new?StringBuffer ; int?end first+limitInt; for int?i first;i end;i++ System.out.println list.get i ; showData.append list.get i ; if i! end showData.append , ; System.out.println showData.toString ; String?json ? + metaData: + ?totalProperty:results,+ root:rows