ExtJs Grid分页时,默认情况下每页的序号都是从1起始的,这往往不符合我们的习惯。这里实现了序号的自动增加。
实现步骤如下:
1、定义全局变量。
var record_start = 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 : "projectNumber"
}]
3、Grid 的PagingToolbar部分的定义。
bbar : new Ext.PagingToolbar({
store : grid_store,
pageSize : 8,
displayInfo : true,
beforePageText:"第",
afterPageText:"/ {0}页",
firstText:"首页",
prevText:"上一页",
nextText:"下一页",
lastText:"尾页",
refreshText:"刷新",
displayMsg : "当前显示记录从 {0} - {1} 总 {2} 条记录",
emptyMsg : "没有相关记录!",
doLoad : function(start){
record_start = start;
var o = {}, pn = this.paramNames;
o[pn.start] = start;
o[pn.limit] = this.pageSize;
this.store.load({params:o});
}
})
说明:
1、全局变量record_start用于记录列表开始的数据点,如第一页,那么为0,如第二页,那么为8,这里分页pagesize设置为了8
2、分页中doLoad这部分的代码来自于Ext.PagingToolbar的doLoad方法,PagingToolbar在分页发生变化时会调用这个方法来重新load数据,只是多了个对全局变量进行赋值的步骤,为的就是在分页发生变化时,记录传递给Url的参数start的值。
3、在columns中实例化Ext.grid.RowNumberer时,重写了renderer方法,其实之所以这样做的原因,大家看一下 Ext.grid.RowNumberer源码中的renderer方法就知道了,就是根据行号+1来设置序号的,这里我们改这个方法,是为了得到行号+分页变化时得到的start参数的值+1 的值,这样就能够正确得到序号结合分页的数据了。
相关推荐
很多同事在用extjs grid做分页的时候,往往会想用grid的多选功能来实现导出Excel之类的功能(也就是所谓的多选记忆功能),但在选选择下一页的时候 上一页选中的已经清除 这是因为做分页的时候又向服务器请求了分页...
NULL 博文链接:https://lucky16.iteye.com/blog/1522254
NULL 博文链接:https://kohisa.iteye.com/blog/651399
extjs4.2 分页combo动态条数 源码,不懂的加群
extjs 简单分页例子。 只有js文件 后台 代码自己可以采用 觉得好的技术实现。
ExtJs+Dwr(Grid)实现分页功能,很实用
ExtJS grid过滤操作,可以动态操作本地的store更改筛选的内容
Extjs4 Grid分页与自动刷新
ExtJS 实现动态处理加载 grid 实现了CRUD还有分页功能
extjs grid示例代码extjs grid示例代码extjs grid示例代码extjs grid示例代码
我们开发项目的时候,有的时候左边的树结点很多,虽然说有extjs有异步,但还是有结点下面有时长达500个以上,甚至更多,这个时候用分页可以解决这个问题
ExtJs grid多选时获取选中的所有值,以及其他相关的操作
extjs 分页 从dao到action
Extjs分页使用java实现数据库数据查询.docx
一个extjs的分页控件,就是可以选择一页显示多少条记录,该控件非常灵活,便于集成
extjs 富客户端界面设计 grid分页后台处理
ExtJs Grid是否选择行,是:返回选择行record;否:返回false
EXTJS grid导出EXCEL文件,源码可以直接导入MYECLIPSE使用,EXTJS版本3.2.0
extjs grid 多表头 插件 extjs grid 多表头 插件
动画效果的grid分页动画效果的grid分页动画效果的grid分页动画效果的grid分页动画效果的grid分页动画效果的grid分页动画效果的grid分页