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 相关文章推荐
JS解析XML的实现代码
Nov 12 Javascript
js点击更换背景颜色或图片的实例代码
Jun 25 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
jQuery基础知识点总结(必看)
May 31 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
Apr 20 Javascript
node全局变量__dirname与__filename的区别
Jan 14 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
json字符串对象转换代码实例
Sep 28 Javascript
微信小程序聊天功能的示例代码
Jan 13 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 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
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
在Windows中安装Apache2和PHP4的权威指南
2006/10/09 PHP
模拟OICQ的实现思路和核心程序(一)
2006/10/09 PHP
php获取textarea的值并处理回车换行的方法
2014/10/20 PHP
详解Yii2.0使用AR联表查询实例
2017/06/16 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
用javascript实现的图片马赛克后显示并切换加文字功能
2007/04/21 Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
JavaScript删除指定子元素代码实例
2015/01/13 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
D3.js实现简洁实用的动态仪表盘的示例
2018/04/04 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
vue.js实现三级菜单效果
2019/10/19 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
详解TensorFlow在windows上安装与简单示例
2018/03/05 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
python 按不同维度求和,最值,均值的实例
2018/06/28 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
使用python画社交网络图实例代码
2019/07/10 Python
修改 CentOS 6.x 上默认Python的方法
2019/09/06 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上
2013/07/06 面试题
高级护理专业大学生求职信
2013/10/24 职场文书
投标单位介绍信
2014/01/09 职场文书
计算机专业职业规划
2014/02/28 职场文书
销售总经理岗位职责
2014/03/15 职场文书
Python import模块的缓存问题解决方案
2021/06/02 Python