如何将复选框列添加到ExtJS 5网格?

时间:2015-05-28 11:41:48

标签: extjs

我希望我的extjs网格有一个复选框(true / false)。 当我尝试添加xtype项时:'复选框'我收到错误:

  

未捕获的TypeError:column.isColumnHidden不是函数

我在帖子上看到有一个复选框列的插件需要下载并包含在ExtJS中,在ExtJS 5中是否有内置选项用于网格中的复选框?

1 个答案:

答案 0 :(得分:4)

当我使用复选框时,我从官方网站下载extjs库,并通过extjs控制台构建开发版本。

带有复选框的我的extjs网格看起来像这样:

                        {
                        xtype:'checkcolumn',
                        fieldLabel: 'checkbox_label',
                        name: 'checkbox_name',
                        text: 'text'
                        }

所以完整的网格代码将如下所示:

xtype: 'grid',
        frame: true,
        title: 'Users',
        collapsible: true,
        height: 250,
        bind: '{depGrid.selection.users}',
        columns: [
            {
                text: 'Id',
                dataIndex: 'id'
            },
            {
                text: 'Name',
                dataIndex: 'name'
            },
            {
                xtype:'checkcolumn',
                fieldLabel: 'checkbox_label',
                name: 'checkbox_name',
                text: 'text'
            }
        ]
    }

此外,您尝试添加到复选框dataIndex字段并将其设置为模型中的一些布尔变量。祝你好运!