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.         }]);  

 

posted @   郑文亮  阅读(4346)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
历史上的今天:
2012-07-01 易宝支付在线支付测试注意事项:
2011-07-01 带UpdatePanel页面返回js问题
点击右上角即可分享
微信分享提示