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 相关文章推荐
use jscript List Installed Software
Jun 11 Javascript
Javascript匿名函数的一种应用 代码封装
Jun 27 Javascript
js弹出层之1:JQuery.Boxy (二)
Oct 06 Javascript
基于jquery的多功能软键盘插件
Jul 25 Javascript
使用javascript实现页面定时跳转总结篇
Sep 21 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
Sep 09 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
关于使用js算总价的问题
Jun 23 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
vue动态绘制四分之三圆环图效果
Sep 03 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
解决Vue大括号字符换行踩的坑
Nov 09 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
【COS正片】蕾姆睡衣cos,纯洁可爱被治愈了 cn名濑弥七
2020/03/02 日漫
一个php导出oracle库的php代码
2009/04/20 PHP
PHP中的integer类型使用分析
2010/07/27 PHP
一个简单php扩展介绍与开发教程
2010/08/19 PHP
ECSHOP在PHP5.5及高版本上报错的解决方法
2015/08/31 PHP
PHP实现小偷程序实例
2016/10/31 PHP
JS字符串函数扩展代码
2011/09/13 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
nodejs实现遍历文件夹并统计文件大小
2015/05/28 NodeJs
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
vue-cli webpack 引入swiper的操作方法
2018/09/15 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
使用FormData实现上传多个文件
2018/12/04 Javascript
基于vue的验证码组件的示例代码
2019/01/22 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
[52:57]2014 DOTA2国际邀请赛中国区预选赛 LGD-CDEC VS HGT
2014/05/21 DOTA
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
将Python中的数据存储到系统本地的简单方法
2015/04/11 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python图书管理系统
2020/04/05 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
Arti-shopping中文官网:大型海外商品一站式直邮平台
2020/03/23 全球购物
国际金融专业自荐信
2014/07/05 职场文书
人大调研汇报材料
2014/08/14 职场文书
精神文明建设先进个人事迹材料
2014/12/24 职场文书
2015年英语教学工作总结
2015/05/25 职场文书
入党心得体会
2019/06/20 职场文书
基于Redission的分布式锁实战
2022/08/14 Redis