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 相关文章推荐
在网页中控制wmplayer播放器
Jul 01 Javascript
javascript下给元素添加事件的方法与代码
Aug 13 Javascript
javascript限制文本框只允许输入数字(曾经与现在的方法对比)
Jan 18 Javascript
node+express+ejs制作简单页面上手指南
Nov 26 Javascript
使用jQuery实现input数值增量和减量的方法
Jan 24 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
Aug 08 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
BootStrapTable 单选及取值的实现方法
Jan 10 Javascript
Vue.js组件通信的几种姿势
Oct 23 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
基于PHP pthreads实现多线程代码实例
Jun 24 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
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
谈谈从phpinfo中能获取哪些值得注意的信息
2017/03/28 PHP
全面解析PHP面向对象的三大特征
2017/06/10 PHP
浅谈php调用python文件
2019/03/29 PHP
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
2015/05/15 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
在 Angular2 中实现自定义校验指令(确认密码)的方法
2017/01/23 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
Vue.js进行查询操作的实例详解
2017/08/25 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
python 回调函数和回调方法的实现分析
2016/03/23 Python
python处理xml文件的方法小结
2017/05/02 Python
使用python获取csv文本的某行或某列数据的实例
2018/04/03 Python
如何在VSCode上轻松舒适的配置Python的方法步骤
2019/10/28 Python
python3实现单目标粒子群算法
2019/11/14 Python
基于Pytorch SSD模型分析
2020/02/18 Python
mac 上配置Pycharm连接远程服务器并实现使用远程服务器Python解释器的方法
2020/03/19 Python
Origins悦木之源香港官网:雅诗兰黛集团高端植物护肤品牌
2018/03/21 全球购物
设置器与访问器的定义以及各自特点
2016/01/08 面试题
怎么写好自荐信
2013/10/30 职场文书
应届生如何写自荐信
2014/01/05 职场文书
《美丽的小路》教学反思
2014/02/26 职场文书
普通话宣传标语
2014/06/26 职场文书
关于保护环境的建议书
2014/08/26 职场文书
作风转变心得体会
2014/09/02 职场文书
公司领导班子对照检查存在问题整改措施
2014/10/02 职场文书
爱心助学感谢信
2015/01/21 职场文书
工作违纪检讨书范文
2015/01/26 职场文书
能用CSS实现的就不要麻烦JavaScript了
2021/10/05 HTML / CSS
方法汇总:Python 安装第三方库常用
2022/04/26 Python