extjs gride 显示序号

在使用Extjs框架时，有时为了在信息列表中显示数据项的序号，这就要构造一些方法来显示序号，其方法有两种，具体如下：

1、方法一

对 Ext.grid.PageRowNumberer 进行扩展，详细代码下：

 /* 显示序号  方法1 */
        Ext.grid.PageRowNumberer = Ext.extend(Ext.grid.RowNumberer, {
             50,
            text: '序号',
            renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) {
                if (store.lastOptions.params != null) {
                    var pageindex = store.lastOptions.params.start;
                    return pageindex + rowIndex + 1;
                } else {
                    return rowIndex + 1;
                }
            }
        });

然后在创建 grid 控件时，在columns 属性中引用：

        // grid 中显示的各列
            columns: [
                new Ext.grid.PageRowNumberer(), // 获取序号，方法1
           ]

方法2：直接在 columns 属性中使用 render 函数来构造

           // grid 中显示的各列
            columns: [{
                    text: '序号',
                     50,
                    sortable: false,
                    renderer: function (value, metadata, record, rowIndex) {
                        return rowIndex + 1; // 获取序号，方法2
                    }
                }
　　　　　]

extjs gride 显示序号

相关推荐