首页 > 代码库 > EXTJS中的grid显示实际行号

EXTJS中的grid显示实际行号

添加一个新的功能

 

[javascript] view plaincopy
  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中进行使用

 

[javascript] view plaincopy
  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.         }]);