10,607
社区成员
发帖
与我相关
我的任务
分享
//起始页,共25页
store.load({params:{start:0, limit:25}});
哦,这里换成ds//起始页,共25页
ds.load({params:{start:0, limit:25}});
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}});
});