码迷,mamicode.com
首页 > Web开发 > 详细

extjs gride 显示序号

时间:2015-11-01 11:25:15      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:

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

1、方法一

  对 Ext.grid.PageRowNumberer 进行扩展,详细代码下:

 /* 显示序号  方法1 */
        Ext.grid.PageRowNumberer = Ext.extend(Ext.grid.RowNumberer, {
            width: 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: ‘序号‘,
                    width: 50,
                    sortable: false,
                    renderer: function (value, metadata, record, rowIndex) {
                        return rowIndex + 1; // 获取序号,方法2
                    }
                }
     ]

 

extjs gride 显示序号

标签:

原文地址:http://www.cnblogs.com/wisdo/p/4915795.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!