ExtJs Grid分頁時，默認情況下每頁的序號都是從1起始的，這往往不符合我們的習慣。這里實現了序號的自動增加。

如：每頁20條第一頁從1開始，第二頁從21條開始。

?先定義一個全局變量如record_start = 0,這里記得賦初始值主要是考慮第一次加載。

在Ext.grid.ColumnModel內創建一個序號列rownumber?

?

new?Ext.grid.RowNumberer({

?

header:?'序號',
????width:?40,
????renderer:?function(value,?metadata,?record,?rowIndex){
????????return?record_start?+?1?+?rowIndex;
????}
})

?然后在gridpanel內的PagingToolbar內添加doLoad事件

?

bbar:?new?Ext.PagingToolbar({

?

pageSize:?21,
????????store:?ds,
????????displayInfo:?true,
????????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;
????????????o[pn.departName]?=?departName;
????????????o[pn.industry]?=?industry;
????????????o[pn.pointDepart]?=?pointDepart;
????????????this.store.load({
????????????????params:?o
????????????})
????????}
????})

這樣就可以實現效果了。

如果如果需要查詢重新加載數據的時候需要將

record_start = 0,否則查詢結果中第一次加載的是查詢前最后一次加載的序號。

轉載于:https://www.cnblogs.com/biandande/archive/2011/11/10/2244613.html

總結

以上是生活随笔為你收集整理的ExtJs Grid分页时序号自增的实现,以及查询以后的序号的处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。