Javascript EXTJS从存储内容创建复选框

我有一个包含选项卡面板的窗口。我想显示我所有的商店内容（可以使用网格），并能够使用复选框选择多行。这可能吗？我没有找到checkboxfield和checkboxgroup的存储属性

您可以将其用于您的场景。从API文档中：

一个列子类，它在每个列单元格中呈现一个复选框 单击时切换关联数据字段的真实性

---

这是一把有效的小提琴：

我找到的解决方案是使用

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: store,
    columns: [{
        xtype: 'checkcolumn',
        dataIndex: 'checked',
        width: 70
    },{
        text: 'Name',
        dataIndex: 'name',
        width: 200
    }, {
        text: 'Email',
        dataIndex: 'email',
        width: 250
    }, {
        text: 'Phone',
        dataIndex: 'phone',
        width: 120
    }],
    height: 600,
    layout: 'fit',
    renderTo: Ext.getBody()
});

---

然后，您可以使用getSelection（）获取所选行。

是，但这会使我在模型中添加一个已使用的列。我找到了另一个使用selModel和selType的解决方案

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: store,
    columns: [{
        xtype: 'checkcolumn',
        dataIndex: 'checked',
        width: 70
    },{
        text: 'Name',
        dataIndex: 'name',
        width: 200
    }, {
        text: 'Email',
        dataIndex: 'email',
        width: 250
    }, {
        text: 'Phone',
        dataIndex: 'phone',
        width: 120
    }],
    height: 600,
    layout: 'fit',
    renderTo: Ext.getBody()
});

{
    xtype: 'grid',
    store: 'sCategoriePers',
    id: 'gridsaisiecategoriepers',
    title: 'Categories de Personnes',
    multiSelect: true,
    columns: [
        {
            text: 'Id',
            hideable: false,
            dataIndex: 'id',
            autoSizeColumn : true,
            hidden: true
        },
        {
            text: 'Nom',
            dataIndex: 'nom',
            autoSizeColumn : true,
            flex: 1
        },
    ],

    selModel: {
        selType: 'checkboxmodel',
        showHeaderCheckbox: true
    },
    // ...