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

于 2009-07-06 17:07:44 发布 · 164 阅读

文章标签：

#EXT

ExtJS 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一个 ExtJS 的自定义行号插件，该插件能够实现动态显示或隐藏表格中的行号，并提供了简单的代码示例。通过调整 rowspan 属性，可以为不同分组的数据设置不同的行号，同时支持对行号进行动态更新。

很简单,自己算...

代码如下:

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)

效果图: