创建html文件: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Demo.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <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> </head> <body> <div id="grid"></div> </body> </html> 创建服务器端jsp页面用于产生数据: <%@ 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<String> list=new ArrayList<String>(); 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',"+ "id:'id',"+ "fields:["+ "{name:'personId',mapping:'id'},"+ "{name:'personName',mapping:'name'},"+ "{name:'personAge',mapping:'age'},"+ "]"+ "},"+ "results:"+list.size()+","+ "rows:["+ showData.toString()+ "]"+ "}"; response.getWriter().write(json); %> 效果: