快捷導(dǎo)航

extjs 分頁(yè)使用jsp傳遞數(shù)據(jù)示例

更新時(shí)間：2014年07月29日 11:29:24 投稿：whsnow

extjs實(shí)現(xiàn)的分頁(yè)，使用jsp傳遞數(shù)據(jù)，具體實(shí)現(xiàn)過(guò)程如下，需要的朋友莫錯(cuò)過(guò)

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 : "沒(méi)有數(shù)據(jù)",
displayInfo : true,
displayMsg : "顯示從{0}條數(shù)據(jù)到{1}條數(shù)據(jù)，共{2}條數(shù)據(jù)",
store : store3,
pageSize : 50
});

var grade = new Ext.grid.GridPanel({
title : "數(shù)據(jù)列表",
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>

您可能感興趣的文章:

相關(guān)文章

Extjs4 消息框去掉關(guān)閉按鈕(類(lèi)似Ext.Msg.alert)
類(lèi)似Ext.Msg.alert();但沒(méi)有關(guān)閉按鈕,由于Extjs4消息框中的關(guān)閉按鈕，沒(méi)有執(zhí)行回調(diào)函數(shù)，點(diǎn)擊關(guān)閉按鈕后，直接關(guān)閉窗口，接下來(lái)為大家詳細(xì)介紹下去掉關(guān)閉按鈕
2013-04-04
Extjs4 GridPanel 的幾種樣式使用介紹
接下來(lái)為大家介紹下GridPanel的幾種樣式及選擇模式分類(lèi)介紹，感興趣的朋友可以參考下哈
2013-04-04
Extjs優(yōu)化(一)刪除冗余代碼提高運(yùn)行速度
Extjs 本身是一個(gè)加載慢的JS框架，這次來(lái)寫(xiě)寫(xiě)怎么減少冗余代碼，也是提高運(yùn)行速度，感興趣的朋友可以參考下哈，希望可以幫助到你
2013-04-04
extjs ColumnChart設(shè)置不同的顏色實(shí)現(xiàn)代碼
extjs為ColumnChart設(shè)置不同的顏色想必有很多朋友還是比較陌生的吧，接下來(lái)為大家詳細(xì)介紹下具體設(shè)置代碼，感興趣的朋友可以參考下哈
2013-05-05
Exjs 入門(mén)篇
Extjs是從yui-ext發(fā)展來(lái)的一套ajax控件，是一套完整的富客戶端解決方案，也因?yàn)楣δ芡暾?，ext-all.js有400多k（最新的extjs3.2.0 有600多k），以為是基于js和css的功能實(shí)現(xiàn)，對(duì)客戶端機(jī)器性能也有一定的要求，比如對(duì)ie6以下版本的不支持。
2010-04-04
extjs中g(shù)rid中嵌入動(dòng)態(tài)combobox的應(yīng)用
今天需要在grid中嵌入combobox，在網(wǎng)上找了好久也沒(méi)有找到一個(gè)正確可行的方法，可能是版本問(wèn)題（我版本是extjs 3.0），沒(méi)有繼續(xù)研究其原因，自己查找資料，終于實(shí)現(xiàn)功能。現(xiàn)在分享一下代碼。
2011-01-01
extjs grid設(shè)置某列背景顏色和字體顏色的方法
extjs grid設(shè)置某列背景顏色和字體顏色的方法，需要的朋友可以參考下。
2010-09-09
ExtJs默認(rèn)的字體大小改變的幾種方法(自己整理)
本文列出網(wǎng)上收集的幾種方法，希望對(duì)大家有用，并且做了下瀏覽器兼容，感興趣的朋友可以參考下哈
2013-04-04
Extjs學(xué)習(xí)筆記之七布局
Panel內(nèi)部的組件添加多了之后，組件如何排放就成了一個(gè)問(wèn)題，Extjs的Layout就是為了解決這個(gè)問(wèn)題的。其實(shí)學(xué)習(xí)Layout的最好地點(diǎn)就是Extjs的官網(wǎng)的例子
2010-01-01
ExtJs中簡(jiǎn)單的登錄界面制作方法
接觸Ext也有好幾個(gè)月了，但是由于時(shí)間問(wèn)題，都沒(méi)有好好總結(jié)一下，現(xiàn)在抽空再博客里回顧下Ext使用心得，歡迎各位指點(diǎn)。
2010-08-08