Ext Grid分页
来源:互联网 发布:python 聚合搜索结果 编辑:程序博客网 时间:2024/05/24 02:07
代码如下:
Ext.onReady(function() {
var ds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'db.jsp'}),
reader: new Ext.data.JsonReader({
root: 'root1',
totalProperty: 'total'},
[ {name: 'id',type: 'int'},
{name: 'name'},
{name: 'descn'}])
});
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',dataIndex:'id'},
{header:'名称',dataIndex:'name'},
{header:'描述',dataIndex:'descn'}
]);
var grid = new Ext.grid.GridPanel({
el: 'table',
ds: ds,
cm: cm,
viewConfig: {
forceFit: true
},
title: 'My First Grid',
sm:sm,
width: 600,
height:380,
loadMask: true,
frame: true,
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: ds,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg: "没有记录"
})
})
ds.load({params:{start:0,limit:10}});
grid.render();
});
json传的数据如下:
{total:100,root1:[
{id:0,name:'name0',descn:'descn0'},
{id:1,name:'name1',descn:'descn1'},
{id:2,name:'name2',descn:'descn2'},
{id:3,name:'name3',descn:'descn3'},
{id:4,name:'name4',descn:'descn4'},
{id:5,name:'name5',descn:'descn5'},
{id:6,name:'name6',descn:'descn6'},
{id:7,name:'name7',descn:'descn7'},
{id:8,name:'name8',descn:'descn8'},
{id:9,name:'name9',descn:'descn9'}
]}
jsp代码如下:
<%@ page contentType="text/html; charset=gbk"%>
<%
String start = request.getParameter("start");
String limit = request.getParameter("limit");
try {
int index = Integer.parseInt(start);
int pageSize = Integer.parseInt(limit);
String json = "{totalProperty:50,root1:[";
for (int i = index; i < pageSize + index; i++) {
if(i%2==0){
json += "{id:" + i + ",sex:'male"+"',name:'name" + i + "',descn:'descn" + i + "'}";
}else{
json += "{id:" + i + ",sex:'female"+"',name:'name" + i + "',descn:'descn" + i + "'}";
}
if (i != pageSize + index - 1) {
json += ",";
}
}
json += "]}";
response.getWriter().write(json);
} catch(Exception ex) {
}
%>
- Ext Grid分页
- EXT Grid表格分页
- Ext grid 分页
- ext grid 数据库分页实现
- EXT中的GRID分页示例
- ext desktop grid分页控件
- Ext Grid 分页工具栏增强
- Ext学习之Grid JSON分页
- Ext Grid后台分页完整示例
- Ext Grid 添加分页及工具条
- Extjs-表格 Ext.grid.GridPanel 分页------------------------------------------------
- Ext grid checkbox 分页 翻页 勾选 问题
- Ext Grid Json分页(asp.net)
- Ext.grid.GridPanel + asp.net 数据分页
- Ext Grid Json分页(asp.net)
- Ext Grid后台分页完整示例
- Ext中左侧tree与右侧grid,grid分页问题
- ext:grid分页,列宽度自动填满grid宽度
- dll文件的注册与删除
- 网络游戏制作技术(一)
- 把生活按比例变成48小时制!?
- Linux内核的等待队列(转载)
- C# 异步编程
- Ext Grid分页
- 商业周刊(Business Week)去年底发布的:“世界最有影响力的公司”-- 苹果、Google、华为。
- 我最喜欢的神语:Java,C,PHP,C++,Python,JavaScript,ActionScript.
- 网络游戏制作技术(二)—— 消息打包处理部分
- JVM性能参数调优实践
- CString类常用方法---MakeUpper(),MakeLower(),MakeReverse()
- CSV文件表格对比软件
- 十个探测SQL Server 2000漏洞的工具
- 使用Share object 保存用户信息(类似于session)