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 DOM 添加事件
Feb 14 Javascript
计算世界完全对称日的js代码,粗糙版
Nov 04 Javascript
jQuery Animation实现CSS3动画示例介绍
Aug 14 Javascript
方便实用的jQuery checkbox复选框全选功能简单实例
Oct 09 Javascript
js style动态设置table高度
Oct 21 Javascript
Javascript实现鼠标右键特色菜单
Aug 04 Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 Javascript
微信小程序前端自定义分享的实现方法
Jun 13 Javascript
Angular.JS读取数据库数据调用完整实例
Jul 02 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 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
文件系统基本操作类
2006/11/23 PHP
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
浅析php中常量,变量的作用域和生存周期
2013/08/10 PHP
如何让thinkphp在模型中自动完成session赋值小教程
2014/09/05 PHP
用js实现计算加载页面所用的时间
2010/04/02 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
JavaScript实现简单图片滚动附源码下载
2014/06/17 Javascript
JavaScript实现的双向跨域插件分享
2015/01/31 Javascript
原生JS实现网络彩票投注效果
2016/09/25 Javascript
浅析JavaScript动画模拟拖拽原理
2016/12/09 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
vue的过滤器filter实例详解
2018/09/17 Javascript
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
Python实现抓取城市的PM2.5浓度和排名
2015/03/19 Python
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
在python中pandas读文件,有中文字符的方法
2018/12/12 Python
详解Python传入参数的几种方法
2019/05/16 Python
python 读取修改pcap包的例子
2019/07/23 Python
Numpy之将矩阵拉成向量的实例
2019/11/30 Python
利用python3 的pygame模块实现塔防游戏
2019/12/30 Python
Python在线和离线安装第三方库的方法
2020/10/31 Python
50个强大璀璨的CSS3/JS技术运用实例
2010/02/27 HTML / CSS
一款CSS3实现多功能下拉菜单(带分享按)的教程
2014/11/05 HTML / CSS
资深地理教师自我评价
2013/09/21 职场文书
给海归自荐信的建议
2013/12/13 职场文书
大一新生期末自我评价
2014/09/12 职场文书
派出所班子党的群众路线对照检查材料思想汇报
2014/10/01 职场文书
大学生违纪检讨书300字
2014/10/25 职场文书
2014年组织委员工作总结
2014/12/01 职场文书
运动会三级跳加油稿
2015/07/21 职场文书
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python
Java各种比较对象的方式的对比总结
2021/06/20 Java/Android