EXTJS中的grid顯示實際行號

添加一個新的功能

 

Ext.grid.PageRowNumberer = Ext.extend(Ext.grid.RowNumberer, {
    width : 40,
    renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){
        if(store.lastOptions.params!=null){
            var pageindex=store.lastOptions.params.start;
            return pageindex + rowIndex + 1;
        } else {
            return rowIndex + 1;
        }
    }
});

 

 

在Ext.grid.ColumnModel中進行使用

 

var cm = new Ext.grid.ColumnModel([
        new Ext.grid.PageRowNumberer(),
        {
            header : '工單標識',
            dataIndex : 'breId',
            hidden : true,
            sortable : true
        },{
            header : '業務類型',
            dataIndex : 'busName',
            sortable : true
        },{
            header : '業務名稱',
            dataIndex : 'breName',
            hidden : true,
            sortable : true
        }]);