Question

我是extjs的新手，我正在尝试向container.viewport gridpanel添加一个复选框。

这是我的代码：

                                        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工作正常，但当我添加它时，应用程序显示空白页面，在控制台上我看到：'未捕获TypeError：无法调用方法'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'
       }
     ...

Extjs向container.viewport添加复选框

2 个答案: