可以访问items数组的ExtJS类变量

Question

我的代码基本上就是这样。

Ext.define('my.class.name', 
{
    extend:'Ext.grid.Panel',
    variable:'',
    constructor: function(config)
    {
       variable = config.field;
    },
    items:[{
        xtype: 'text',
        text: variable // <- error
    }]
});

我得到的变量未定义。所以我的猜测是项目对象无法访问其父项的变量。我怎么能访问这些字段？

提前致谢。

Answer 1

您无法访问配置中的变量，您需要在initComponent中执行此操作：

Ext.define('my.class.name', {
    extend:'Ext.grid.Panel',

    variable:'',
    constructor: function(config) {
        variable = config.field;
    },

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items:[{
                xtype: 'text',
                text: me.variable
            }]
        });

        me.callParent(arguments);
    }
});