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 相关文章推荐
图片之间的切换
Jun 26 Javascript
greybox——不开新窗口看新的网页
Feb 20 Javascript
Javascript匿名函数的一种应用 代码封装
Jun 27 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 Javascript
JS触摸与手势事件详解
May 09 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
JavaScript中Array方法你该知道的正确打开方法
Sep 11 Javascript
koa-passport实现本地验证的方法示例
Feb 20 Javascript
浅谈克隆 JavaScript
Nov 02 Javascript
vue 实现弹窗关闭后刷新效果
Apr 08 Vue.js
把文本中的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 imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
php学习笔记 类的声明与对象实例化
2011/06/13 PHP
深入file_get_contents与curl函数的详解
2013/06/25 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
在Laravel中使用GuzzleHttp调用第三方服务的API接口代码
2019/10/15 PHP
JavaScript 调试器简介
2009/02/21 Javascript
JS+JSP checkBox 全选具体实现
2014/01/02 Javascript
编写自己的jQuery提示框(Tip)插件
2015/02/05 Javascript
使用DNode实现php和nodejs之间通信的简单实例
2015/07/06 NodeJs
jQuery实现可以编辑的表格实例详解【附demo源码下载】
2016/07/09 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
2017/03/23 Javascript
C#实现将一个字符转换为整数
2017/12/12 Javascript
vue弹窗插件实战代码
2018/09/08 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
微信小程序实现禁止分享代码实例
2019/10/19 Javascript
使用jQuery实现掷骰子游戏
2019/10/24 jQuery
python版简单工厂模式
2017/10/16 Python
使用PyCharm创建Django项目及基本配置详解
2018/10/24 Python
django orm 通过related_name反向查询的方法
2018/12/15 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
python制作抖音代码舞
2019/04/07 Python
python验证码图片处理(二值化)
2019/11/01 Python
Python常用模块os.path之文件及路径操作方法
2019/12/03 Python
python list等分并从等分的子集中随机选取一个数
2020/11/16 Python
Peter Millar官网:美国高档生活服饰品牌
2018/07/02 全球购物
印度购买眼镜和太阳镜网站:Coolwinks
2018/09/26 全球购物
跳蚤市场口号
2014/06/13 职场文书
三方协议书
2015/01/27 职场文书
采购内勤岗位职责
2015/04/13 职场文书
品德与社会教学反思
2016/02/24 职场文书
mysql如何能有效防止删库跑路
2021/10/05 MySQL