Extjs 4.1 - 如何在 initComponent 函数中创建项目

Question

我有一个像这样的面板

 var filterPanel = Ext.create('Ext.panel.Panel', {
        bodyPadding: 5,
        width: 300,
        myValue:5,
        title: 'Filters',
        initComponent: function() {
            this.items = [{
                xtype: 'textfield',
                value: this.myValue
            }];
            this.callParent();
        }
        renderTo: Ext.getBody()
    }); 

我尝试创建一个具有 xtype: 'textfield' 且值为面板的 myValue 的项目。但这是失败的。

如何做到这一点，谢谢。这是我的示例文本 http://jsfiddle.net/4Cmuk/

Answer 1

您正在使用Ext.create()函数来创建类的实例。使用 Ext.define() 函数定义类时可以使用 initComponent 方法，我不确定，但 initComponent 函数无法使用 Ext.create() 方法。

例如看下面的代码，它将被执行:

Ext.define('customPanel', {
        extend: 'Ext.panel.Panel',
        bodyPadding: 5,
        width: 300,
        myValue:5,
        title: 'Filters',
        initComponent: function() {
            this.items = [{
                xtype: 'textfield',
                value: this.myValue
            }];
            this.callParent(arguments);
        },
        renderTo: Ext.getBody()
    }); 

Ext.create('customPanel');