ExtJS 4：Ext.grid.Panel 构造函数在实现配置和构造函数配置时抛出异常

Question

我正在尝试将名为“hideButton”的自定义参数传递给 Ext JS 4 中的网格视图构造函数。当我将“config”和“constructor”配置添加到我的网格视图。确实会调用警报消息。在我在警报对话框上单击“确定”后，将调用此异常。是什么导致了这个异常？

Ext.define('App.view.ExampleGrid', {
    extend: 'Ext.grid.Panel',
    xtype: 'view-grid-3',

    config: {   

        hideButton: false
    },

    constructor: function(cfg) {

        alert('called constructor');
        this.initConfig(cfg);
    },

...

我正在通过“xtype”配置使用延迟实例化从两个不同的其他组件实例化网格视图。这是需要通过调用构造函数在网格视图中隐藏按钮的组件。

items: [{
    region: 'center',
    xtype: 'view-tree-3',
    width: '40%'
}, {
    region: 'east',
    xtype: 'view-grid-3',
    store: 'GridStore',
    config: {
        hideButton: true
    },
    width: '60%'        
}]

Answer 1

假设您不能在 Ext JS 4.x 中使用 config 块。这暂时是 Touch 独有的功能。

要在派生类中添加或覆盖配置选项，请将配置选项放在类声明主体中：

Ext.define('App.view.ExampleGrid', {
    extend: 'Ext.grid.Panel',

    hideButton: false,

    ...
});

实例化时对实例配置做同样的事情：

my grid = new App.view.ExampleGrid({
    hideButton: true // Overriding the default for this instance
});