您的位置:首页 > Web前端 > JavaScript

extjs 分页,使用jsp传递数据

2014-05-25 10:32 239 查看
Ext.onReady(function() {

store3 = new Ext.data.JsonStore({

autoDestroy: true,

totalProperty : 'totle',

url: 'service.do',

storeId: 'myStore',

root: 'data',

fields : [ 'id', "name", "pw" ]

});

var pagingToolbar = new Ext.PagingToolbar({

emptyMsg : "没有数据",

displayInfo : true,

displayMsg : "显示从{0}条数据到{1}条数据,共{2}条数据",

store : store3,

pageSize : 50

});

var grade = new Ext.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'

});

var panel = new Ext.Viewport({

layout : 'border',

items : [ grade ]

});

});

action********************

protected void service(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

List list = new ArrayList();

for (int i = 0; i < 50; i++) {

Person p = new Person();

p.setId("id" + i);

p.setName("name" + i);

p.setPw("pw" + i);

list.add(p);

}

StringBuffer info = new StringBuffer();

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 不能有其他的文字

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"

pageEncoding="ISO-8859-1"%>

${info}

web.xml***************

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns: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/javaee http://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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: