extjs - Extjs 将复选框添加到 container.viewport

Question

我是 extjs 的新手，我正在尝试在我的 container.viewport 网格面板中添加一个复选框。

这是我的代码：

                                        xtype: 'gridpanel',
                                        flex: 2,
                                        autoScroll: true,
                                        title: 'title',
                                        store: 'OutgoingDataStore',

                                        columns: [
                                            {
                                                xtype: 'gridcolumn',
                                                align: 'right',
                                                dataIndex: 'calls_m',
                                                text: 'Calls Monthly'
                                            },
                                            {
                                                xtype: 'checkcolumn',
                                                align: 'right',
                                                dataIndex: 'check',
                                                text: 'check',

                                            }..

没有 checkcolumnit 工作正常，但是当我添加它时，应用程序显示空白页面，在控制台上我看到：'Uncaught TypeError: Cannot call method 'substring' of undefined'

Answer 1

这取决于您使用的版本。在 4.2.0 中，CheckColumn 被移到了核心库中。如果您使用的是较早的版本（看起来像），那么 CheckColumn 只是一个扩展，因此您需要将其包含在 examples/ux 文件夹中。

Answer 2

在 4.2.0 中，您会这样做。

    xtype: 'gridpanel',
    flex: 2,
    autoScroll: true,
    title: 'title',
    store: 'OutgoingDataStore',
    selModel: Ext.create('Ext.selection.CheckboxModel'), // This will add check column
    columns: [
       {
           xtype: 'gridcolumn',
           align: 'right',
           dataIndex: 'calls_m',
           text: 'Calls Monthly'
       }
     ...