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 相关文章推荐
JavaScript面向对象(极简主义法minimalist approach)
Jul 17 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
Sep 06 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
Sep 16 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 Javascript
Javascript实现跑马灯效果的简单实例
May 31 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
Jan 24 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
浅谈vue路径优化之resolve
Oct 13 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
关于vue的语法规则检测报错问题的解决
May 21 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
浅析vue-router实现原理及两种模式
Feb 11 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
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
简单的页面缓冲技术
2006/10/09 PHP
php 批量替换程序的具体实现代码
2013/10/04 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
PHP 匿名函数与注意事项详细介绍
2016/11/26 PHP
WordPress伪静态规则设置代码实例
2020/12/10 PHP
BOOM vs RR BO5 第一场 2.14
2021/03/10 DOTA
JS代码格式化和语法着色V2
2006/10/14 Javascript
工作需要写的一个js拖拽组件
2011/07/28 Javascript
jquery+正则实现统一的表单验证
2015/09/20 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
JS把内容动态插入到DIV的实现方法
2016/07/19 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
node实现分片下载的示例代码
2018/10/17 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
[00:03]DOTA2新版本PA至宝展示
2014/11/19 DOTA
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
Flask框架各种常见装饰器示例
2018/07/17 Python
Python lxml解析HTML并用xpath获取元素的方法
2019/01/02 Python
Python PyQt5整理介绍
2020/04/01 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
Python实现自动整理文件的脚本
2020/12/17 Python
opencv python 对指针仪表读数识别的两种方式
2021/01/14 Python
简历上的自我评价怎么写
2014/01/28 职场文书
找工作求职信
2014/07/07 职场文书
公务员党员评议表自我鉴定
2014/09/14 职场文书
《微笑着面对生活》优秀演讲稿范文
2014/09/23 职场文书
如何签定毕业生就业协议书
2014/09/28 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
企业战略合作意向书
2015/05/08 职场文书
2017元旦晚会开幕词
2016/03/03 职场文书
Django使用channels + websocket打造在线聊天室
2021/05/20 Python
P站美图推荐——变身女主角特辑
2022/03/20 日漫
python数字图像处理:图像的绘制
2022/06/28 Python