日期:2014-05-16 浏览次数:20391 次
ExtJs Grid分页时如果使用ExtJs RowNumberer进行序号表示,默认情况下每页的序号都是从1起始的,这往往不符合我们的习惯。这里实现了序号的自动增加。
实现步骤如下:
1、定义全局变量
?
var rowStart = 0;
?
2、Grid的columns部分的定义
columns : [
new Ext.grid.RowNumberer({
header : "序号",
width : 40,
renderer:function(value,metadata,record,rowIndex){
return record_start + 1 + rowIndex;
}
}),
{
header : "编号",
width : 50,
sortable : false,
dataIndex : "id"
}
]
?
3、Grid 的PagingToolbar部分的定义。
?
// 定义分页工具条
var pageBar = new Ext.PagingToolbar({
pageSize : rowLimit,
store : store,
displayInfo : true,
displayMsg : '总记录数:{2}',
emptyMsg : '总记录数:0',
//重写doLoad方法,增加一行rowStart = start;
doLoad : function(start){
rowStart = start;
var o = {}, pn = this.paramNames;
o[pn.start] = start;
o[pn.limit] = this.pageSize;
this.store.load({params:o});
}
});
?
?