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

Question

我想为我的 extjs 网格设置一个复选框（真/假）。 当我尝试添加 xtype 项时：'checkbox' 出现错误：

未捕获的类型错误：column.isColumnHidden 不是函数

我在一篇文章中看到有一个复选框列的插件需要下载并包含在 ExtJS 中，ExtJS 5 中没有内置选项用于网格中的复选框吗？

Answer 1

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

我的带有复选框的 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 字段并为其设置模型中的一些布尔变量。祝你好运！