初学者:怎么实现分页?

sbfhvk79480740 2010-05-26 11:24:57
Ext.onReady(function(){
//声明一个二维数组
var data = [['0', '1', 'aa','男','学校','2010-01-01'],
['1', '2', 'bb','女','工厂','2010-01-01'],
['2', '3', 'cc','男','电台','2010-01-01'],
['3', '4', 'dd','女','电台','2010-01-01']
];
var ds = new Ext.data.SimpleStore({
data: data,
fields: ["id",
"sid",
"name",
"sex",
"homepage",
"time",
"descr"]
});



var cm = new Ext.grid.GridPanel({
renderTo: "test",//这里指定渲染到层的id
title: "test标题",
height: 250,
width: 575,
columns: [{
header: "NO.",dataIndex: "id",width:40, renderer:function(value,cellmeta,record,rowIndex){
return rowIndex+1-1;
}
},{
header: "编号", dataIndex: "sid",width:60, sortable: true//支持排序
}, {
header: "名称", dataIndex: "name",width:60, sortable: true
}, {
header: "性别", dataIndex: "sex",width:60,renderer:function(value){
if(value == '男'){
return "<span style='color:red;font-weight:bold;'>男</span><img src='images/boy.jpg'/>"
}else{
return "<span style='color:green;font-weight:bold;'>女</span><img src='images/girl.jpg'/>"
}
}
}, {
header: "地址", dataIndex: "homepage",width:160, sortable: true
}, {
header:"时间", dataIndex:"time",width:100, sortable:true
},{
header:"描述", dataindex:"descr",renderer:function(value,cellmeta,record,rowIndex,columnIndex,store){
var str = "<input type='button' value='查看信息' onclick='alert(\""+"这个单元值是:"+value+"\\n"
+"这行的值是:"+record+"\\n"
+"这单元的配置是:{cellmeta:"+cellmeta.cellsid+", id:"+cellmeta.id+", css:"+cellmeta.css+"}\\n"
+"这是第几行:"+ rowIndex +"\\n"
+"这是第几列:"+ columnIndex +"\\n"
+store
+"\")'>";
return str;
}
}],
store: ds,
autoExpandColumn: 2//这里指定扩充
});
/* Ext.get("remove").on('onclik',function(){
grid.remove(grid.getAt(1));
});
*/
});
...全文
40 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
sbfhvk79480740 2010-05-28
  • 打赏
  • 举报
回复
用了你这个,怎么说我store未定义?
hoojo 2010-05-26
  • 打赏
  • 举报
回复

//起始页,共25页
store.load({params:{start:0, limit:25}});
哦,这里换成ds//起始页,共25页
ds.load({params:{start:0, limit:25}});

hoojo 2010-05-26
  • 打赏
  • 举报
回复

Ext.onReady(function(){
//声明一个二维数组
var data = [['0', '1', 'aa','男','学校','2010-01-01'],
['1', '2', 'bb','女','工厂','2010-01-01'],
['2', '3', 'cc','男','电台','2010-01-01'],
['3', '4', 'dd','女','电台','2010-01-01']
];
var ds = new Ext.data.SimpleStore({
data: data,
fields: ["id",
"sid",
"name",
"sex",
"homepage",
"time",
"descr"]
});



var cm = new Ext.grid.GridPanel({
renderTo: "test",//这里指定渲染到层的id
title: "test标题",
height: 250,
width: 575,
bbar: new Ext.PagingToolbar({//分页菜单,上一页、下一页
pageSize: 25,
store: store,
displayInfo: true,
displayMsg: 'Displaying topics {0} - {1} of {2}',
emptyMsg: "No topics to display",
items:[
'-', {
pressed: true,
enableToggle:true,
text: 'Show Preview',
cls: 'x-btn-text-icon details',
toggleHandler: toggleDetails
}]
}),
columns: [{
header: "NO.",dataIndex: "id",width:40, renderer:function(value,cellmeta,record,rowIndex){
return rowIndex+1-1;
}
},{
header: "编号", dataIndex: "sid",width:60, sortable: true//支持排序
}, {
header: "名称", dataIndex: "name",width:60, sortable: true
}, {
header: "性别", dataIndex: "sex",width:60,renderer:function(value){
if(value == '男'){
return "<span style='color:red;font-weight:bold;'>男</span><img src='images/boy.jpg'/>"
}else{
return "<span style='color:green;font-weight:bold;'>女</span><img src='images/girl.jpg'/>"
}
}
}, {
header: "地址", dataIndex: "homepage",width:160, sortable: true
}, {
header:"时间", dataIndex:"time",width:100, sortable:true
},{
header:"描述", dataindex:"descr",renderer:function(value,cellmeta,record,rowIndex,columnIndex,store){
var str = "<input type='button' value='查看信息' onclick='alert(\""+"这个单元值是:"+value+"\\n"
+"这行的值是:"+record+"\\n"
+"这单元的配置是:{cellmeta:"+cellmeta.cellsid+", id:"+cellmeta.id+", css:"+cellmeta.css+"}\\n"
+"这是第几行:"+ rowIndex +"\\n"
+"这是第几列:"+ columnIndex +"\\n"
+store
+"\")'>";
return str;
}
}],
store: ds,
autoExpandColumn: 2//这里指定扩充
});
/* Ext.get("remove").on('onclik',function(){
grid.remove(grid.getAt(1));
});
*/
//起始页,共25页
store.load({params:{start:0, limit:25}});
});

10,607

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 其他
社区管理员
  • 其他
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧