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


Posted in Javascript onJuly 29, 2014
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>
Javascript 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
JS 拼图游戏 面向对象,注释完整。
Jun 18 Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
connection reset by peer问题总结及解决方案
Oct 21 Javascript
微信小程序之发送短信倒计时功能
Aug 30 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
vue+webpack实现异步加载三种用法示例详解
Apr 24 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
Vue+ElementUI table实现表格分页
Dec 14 Javascript
javascript实现倒计时关闭广告
Feb 09 Javascript
类和原型的设计模式之复制与委托差异
Jul 07 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
Jul 29 #Javascript
JavaScript eval() 函数介绍及应用示例
Jul 29 #Javascript
javascript从image转换为base64位编码的String
Jul 29 #Javascript
javascript自定义函数参数传递为字符串格式
Jul 29 #Javascript
处理文本部分内容的TextRange对象应用实例
Jul 29 #Javascript
js键盘事件的keyCode
Jul 29 #Javascript
js识别不同浏览器基于userAgent做判断
Jul 29 #Javascript
You might like
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
Avengerls vs KG BO3 第二场2.18
2021/03/10 DOTA
javascript编程起步(第三课)
2007/02/27 Javascript
jQuery ui1.7 dialog只能弹出一次问题
2009/08/27 Javascript
js原型链原理看图说明
2012/07/07 Javascript
js jquery数组介绍
2012/07/15 Javascript
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
2014/03/18 NodeJs
JS跨域问题详解
2014/11/25 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
vue日期组件 支持vue1.0和2.0
2017/01/09 Javascript
浅谈webpack打包之后的文件过大的解决方法
2018/03/07 Javascript
在vue中使用setInterval的方法示例
2019/04/16 Javascript
js实现点击生成随机div
2020/01/16 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
jquery实现淡入淡出轮播图效果
2020/12/13 jQuery
Python实现过滤单个Android程序日志脚本分享
2015/01/16 Python
通过Python爬虫代理IP快速增加博客阅读量
2016/12/14 Python
详解python发送各类邮件的主要方法
2016/12/22 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
Anaconda2下实现Python2.7和Python3.5的共存方法
2018/06/11 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
理肤泉美国官网:La Roche-Posay
2018/01/17 全球购物
玩具公司的创业计划书
2013/12/31 职场文书
优秀员工评语
2014/02/10 职场文书
幼儿园春季开学寄语
2014/04/03 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
建筑管理专业求职信
2014/07/28 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
党员干部公开承诺书范文
2015/04/27 职场文书
2016大学先进团支部事迹材料
2016/03/01 职场文书
Pygame Time时间控制的具体使用详解
2021/11/17 Python
前端框架ECharts dataset对数据可视化的高级管理
2022/12/24 Javascript