extjs 分页使用jsp传递数据示例
Ext.onReady(function(){ store3=newExt.data.JsonStore({ autoDestroy:true, totalProperty:'totle', url:'service.do', storeId:'myStore', root:'data', fields:['id',"name","pw"] }); varpagingToolbar=newExt.PagingToolbar({ emptyMsg:"没有数据", displayInfo:true, displayMsg:"显示从{0}条数据到{1}条数据,共{2}条数据", store:store3, pageSize:50 }); vargrade=newExt.grid.GridPanel({ title:"数据列表", store:store3, height:300, bbar:pagingToolbar, columns:[{ header:"id", dataIndex:"id", width:300 },{ header:"name", dataIndex:"name", width:300 },{ header:"pw", dataIndex:"pw" }], region:'center' }); varpanel=newExt.Viewport({ layout:'border', items:[grade] }); });
action********************
protectedvoidservice(HttpServletRequestrequest, HttpServletResponseresponse)throwsServletException,IOException{ Listlist=newArrayList(); for(inti=0;i<50;i++){ Personp=newPerson(); p.setId("id"+i); p.setName("name"+i); p.setPw("pw"+i); list.add(p); } StringBufferinfo=newStringBuffer(); info.append("{totle:2000,data:"); info.append(JSONArray.fromObject(list)); info.append("}"); System.out.println(info.toString()); System.out.println("*****doPos"); request.setAttribute("info",info.toString()); request.getRequestDispatcher("/info.jsp").forward(request,response); }
info.jsp************注意:jsp除了@page不能有其他的文字
<%@pagelanguage="java"contentType="text/html;charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> ${info}
web.xml***************
<?xmlversion="1.0"encoding="UTF-8"?> <web-appxmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee"xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaeehttp://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID"version="2.5"> <servlet> <servlet-name>test</servlet-name> <servlet-class>com.aa.TestAction</servlet-class> </servlet> <servlet-mapping> <servlet-name>test</servlet-name> <url-pattern>*.do</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>