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 相关文章推荐
一实用的实现table排序的Javascript类库
Sep 12 Javascript
详解JS函数重载
Dec 04 Javascript
js获取iframe中的window对象的实现方法
May 20 Javascript
javascript url几种编码方式详解
Jun 06 Javascript
jQuery绑定自定义事件的魔法升级版
Jun 30 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
详解微信小程序设置底部导航栏目方法
Jun 29 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
Apr 01 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
js核心基础之闭包的应用实例分析
May 11 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
Nov 09 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 接口问题(php接口主要也就是运用curl,curl函数)
2013/07/01 PHP
php获取指定日期之间的各个周和月的起止时间
2014/11/24 PHP
php下载远程大文件(获取远程文件大小)的实例
2017/06/17 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
纯JAVASCRIPT图表动画插件Highcharts Examples
2011/04/16 Javascript
jquery 操作日期、星期、元素的追加的实现代码
2012/02/07 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
2014/05/11 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
ubuntu编译nodejs所需的软件并安装
2017/09/12 NodeJs
axios拦截设置和错误处理方法
2018/03/05 Javascript
浅谈Webpack 持久化缓存实践
2018/03/22 Javascript
JavaScript事件对象event用法分析
2018/07/27 Javascript
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
2018/10/12 Javascript
js数组去重的方法总结
2019/01/18 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
[01:05:32]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第一局
2016/03/04 DOTA
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
python中JWT用户认证的实现
2020/05/18 Python
通过Python扫描代码关键字并进行预警的实现方法
2020/05/24 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
《与象共舞》教学反思
2014/02/24 职场文书
工程建设实施方案
2014/03/14 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
美术课外活动总结
2014/07/08 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
员工辞退通知书
2015/04/17 职场文书
公司2015年终工作总结
2015/05/26 职场文书
写给同事的离职感言
2015/08/04 职场文书
文明礼仪主题班会
2015/08/13 职场文书
SpringBoot 拦截器妙用你真的了解吗
2021/07/01 Java/Android