EXTJS中的grid显示实际行号

时间:2023-03-08 22:36:08
EXTJS中的grid显示实际行号

添加一个新的功能

  1. Ext.grid.PageRowNumberer = Ext.extend(Ext.grid.RowNumberer, {
  2. width : 40,
  3. renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){
  4. if(store.lastOptions.params!=null){
  5. var pageindex=store.lastOptions.params.start;
  6. return pageindex + rowIndex + 1;
  7. } else {
  8. return rowIndex + 1;
  9. }
  10. }
  11. });

在Ext.grid.ColumnModel中进行使用

  1. var cm = new Ext.grid.ColumnModel([
  2. new Ext.grid.PageRowNumberer(),
  3. {
  4. header : '工单标识',
  5. dataIndex : 'breId',
  6. hidden : true,
  7. sortable : true
  8. },{
  9. header : '业务类型',
  10. dataIndex : 'busName',
  11. sortable : true
  12. },{
  13. header : '业务名称',
  14. dataIndex : 'breName',
  15. hidden : true,
  16. sortable : true
  17. }]);