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>