修复ExtJS Grid分组显示后的行号

很简单,自己算...

代码如下:

 

new Ext.grid.RowNumberer({
   renderer : function(v, p, record, rowIndex){
       if(this.rowspan){
            p.cellAttr = 'rowspan="'+this.rowspan+'"';
      }
   if(Ext.isEmpty(this.lastGroupId)||this.lastGroupId!=record._groupId){
     this._index=1;
   }else{
      this._index++;
   }
    this.lastGroupId = record._groupId;
    return this._index;
   }
})

 

ps: 顺便说下早上有人问的一个问题:

 

动态显示/隐藏行号,我觉得最简单的方式就是隐藏.

new Ext.grid.RowNumberer({hidden:true,name:'序号'}),
显示和隐藏:
grid.getColumnModel().setHidden(0,false)
grid.getColumnModel().setHidden(0,true)

 

 

效果图:

评论

3 楼 atian25 2011-12-28  

自己看下源码看如何修改吧. 3.x我已经很久没接触了.

2 楼 旋风小皮皮 2011-12-27  

旋风小皮皮 写道

if(Ext.isEmpty(this.lastGroupId)||this.lastGroupId!=record._groupId){  
     this._index=1;  
   }else{  
      this._index++;  
   } 
上面这段代码在刷新页面的时候，序号会成倍增加，怎样解决呀？

该问题只存在于页面只有一个分组的情况。

1 楼 旋风小皮皮 2011-12-27  

if(Ext.isEmpty(this.lastGroupId)||this.lastGroupId!=record._groupId){  
     this._index=1;  
   }else{  
      this._index++;  
   } 
上面这段代码在刷新页面的时候，序号会成倍增加，怎样解决呀？