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语句可以不以;结尾的烦恼
Mar 08 Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
png在IE6 下无法透明的解决方法汇总
May 21 Javascript
jquery实现简单的二级导航下拉菜单效果
Sep 07 Javascript
详解JavaScript对象和数组
Dec 03 Javascript
AngularJs  E2E Testing 详解
Sep 02 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
Jul 20 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
解析MySql与Java的时间类型
2013/06/22 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
php使用curl存储cookie的示例
2014/03/31 PHP
PHP7匿名类的用法示例
2019/04/05 PHP
在Ubuntu 18.04上安装PHP 7.3 7.2和7.0的方法
2019/04/09 PHP
JavaScript 闭包在封装函数时的简单分析
2009/11/28 Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
2010/08/26 Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
2013/04/26 Javascript
动态的绑定事件addEventListener方法的使用
2014/01/24 Javascript
利用Keydown事件阻止用户输入实现代码
2014/03/11 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
Angular Js文件上传之form-data
2015/08/28 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
javascript实现抽奖程序的简单实例
2016/06/07 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
bootstrap 点击空白处popover弹出框隐藏实例
2018/01/24 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
2020/05/15 Javascript
python操作mysql数据库
2017/03/05 Python
linux环境下python中MySQLdb模块的安装方法
2017/06/16 Python
Python实现针对给定字符串寻找最长非重复子串的方法
2018/04/21 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
Python图像处理库PIL的ImageDraw模块介绍详解
2020/02/26 Python
Python3+RIDE+RobotFramework自动化测试框架搭建过程详解
2020/09/23 Python
ghd官网:英国ghd直发器品牌
2018/05/04 全球购物
加拿大租车网站:Enterprise Rent-A-Car
2018/07/26 全球购物
印度最大的时尚购物网站:Myntra
2018/09/13 全球购物
2014年社区庆元旦活动方案
2014/03/08 职场文书
入党自我鉴定
2014/03/25 职场文书
赡养老人协议书
2014/04/21 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
企业承诺书怎么写
2014/05/24 职场文书
python自动化八大定位元素讲解
2021/07/09 Python
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js