extjs 分頁(yè)使用jsp傳遞數(shù)據(jù)示例
更新時(shí)間：2014年07月29日 11:29:24 投稿：whsnow
extjs實(shí)現(xiàn)的分頁(yè)，使用jsp傳遞數(shù)據(jù)，具體實(shí)現(xiàn)過程如下，需要的朋友莫錯(cuò)過
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 : "沒有數(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)閉按鈕(類似Ext.Msg.alert)
類似Ext.Msg.alert();但沒有關(guān)閉按鈕,由于Extjs4消息框中的關(guān)閉按鈕，沒有執(zhí)行回調(diào)函數(shù)，點(diǎn)擊關(guān)閉按鈕后，直接關(guān)閉窗口，接下來為大家詳細(xì)介紹下去掉關(guān)閉按鈕2013-04-04
接下來為大家介紹下GridPanel的幾種樣式及選擇模式分類介紹，感興趣的朋友可以參考下哈2013-04-04
Extjs優(yōu)化(一)刪除冗余代碼提高運(yùn)行速度
Extjs 本身是一個(gè)加載慢的JS框架，這次來寫寫怎么減少冗余代碼，也是提高運(yùn)行速度，感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04
extjs ColumnChart設(shè)置不同的顏色實(shí)現(xiàn)代碼
extjs為ColumnChart設(shè)置不同的顏色想必有很多朋友還是比較陌生的吧，接下來為大家詳細(xì)介紹下具體設(shè)置代碼，感興趣的朋友可以參考下哈2013-05-05
Extjs是從yui-ext發(fā)展來的一套ajax控件，是一套完整的富客戶端解決方案，也因?yàn)楣δ芡暾琫xt-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)上找了好久也沒有找到一個(gè)正確可行的方法，可能是版本問題（我版本是extjs 3.0），沒有繼續(xù)研究其原因，自己查找資料，終于實(shí)現(xiàn)功能?，F(xiàn)在分享一下代碼。2011-01-01
extjs grid設(shè)置某列背景顏色和字體顏色的方法
extjs grid設(shè)置某列背景顏色和字體顏色的方法，需要的朋友可以參考下。2010-09-09
ExtJs默認(rèn)的字體大小改變的幾種方法(自己整理)
本文列出網(wǎng)上收集的幾種方法，希望對(duì)大家有用，并且做了下瀏覽器兼容，感興趣的朋友可以參考下哈2013-04-04
Panel內(nèi)部的組件添加多了之后，組件如何排放就成了一個(gè)問題，Extjs的Layout就是為了解決這個(gè)問題的。其實(shí)學(xué)習(xí)Layout的最好地點(diǎn)就是Extjs的官網(wǎng)的例子2010-01-01
接觸Ext也有好幾個(gè)月了，但是由于時(shí)間問題，都沒有好好總結(jié)一下，現(xiàn)在抽空再博客里回顧下Ext使用心得，歡迎各位指點(diǎn)。2010-08-08