extjs 分页使用jsp传递数据示例

 更新时间:2014年07月29日 11:29:24   投稿:whsnow  
extjs实现的分页,使用jsp传递数据,具体实现过程如下,需要的朋友莫错过
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>

相关文章

  • Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)

    Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)

    类似Ext.Msg.alert();但没有关闭按钮,由于Extjs4消息框中的关闭按钮,没有执行回调函数,点击关闭按钮后,直接关闭窗口,接下来为大家详细介绍下去掉关闭按钮
    2013-04-04
  • Extjs4 GridPanel 的几种样式使用介绍

    Extjs4 GridPanel 的几种样式使用介绍

    接下来为大家介绍下GridPanel的几种样式及选择模式分类介绍,感兴趣的朋友可以参考下哈
    2013-04-04
  • Extjs优化(一)删除冗余代码提高运行速度

    Extjs优化(一)删除冗余代码提高运行速度

    Extjs 本身是一个加载慢的JS框架,这次来写写怎么减少冗余代码,也是提高运行速度,感兴趣的朋友可以参考下哈,希望可以帮助到你
    2013-04-04
  • extjs ColumnChart设置不同的颜色实现代码

    extjs ColumnChart设置不同的颜色实现代码

    extjs为ColumnChart设置不同的颜色想必有很多朋友还是比较陌生的吧,接下来为大家详细介绍下具体设置代码,感兴趣的朋友可以参考下哈
    2013-05-05
  • Exjs 入门篇

    Exjs 入门篇

    Extjs是从yui-ext发展来的一套ajax控件,是一套完整的富客户端解决方案,也因为功能完整,ext-all.js有400多k(最新的extjs3.2.0 有600多k),以为是基于js和css的功能实现,对客户端机器性能也有一定的要求,比如对ie6以下版本的不支持。
    2010-04-04
  • extjs中grid中嵌入动态combobox的应用

    extjs中grid中嵌入动态combobox的应用

    今天需要在grid中嵌入combobox,在网上找了好久也没有找到一个正确可行的方法,可能是版本问题(我版本是extjs 3.0),没有继续研究其原因,自己查找资料,终于实现功能。现在分享一下代码。
    2011-01-01
  • extjs grid设置某列背景颜色和字体颜色的方法

    extjs grid设置某列背景颜色和字体颜色的方法

    extjs grid设置某列背景颜色和字体颜色的方法,需要的朋友可以参考下。
    2010-09-09
  • ExtJs默认的字体大小改变的几种方法(自己整理)

    ExtJs默认的字体大小改变的几种方法(自己整理)

    本文列出网上收集的几种方法,希望对大家有用,并且做了下浏览器兼容,感兴趣的朋友可以参考下哈
    2013-04-04
  • Extjs学习笔记之七 布局

    Extjs学习笔记之七 布局

    Panel内部的组件添加多了之后,组件如何排放就成了一个问题,Extjs的Layout就是为了解决这个问题的。其实学习Layout的最好地点就是Extjs的官网的例子
    2010-01-01
  • ExtJs中简单的登录界面制作方法

    ExtJs中简单的登录界面制作方法

    接触Ext也有好几个月了,但是由于时间问题,都没有好好总结一下,现在抽空再博客里回顾下Ext使用心得,欢迎各位指点。
    2010-08-08

最新评论