extjs - 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()用于创建类实例的函数。initComponent使用函数定义类时可以使用Ext.define()方法，我不确定，但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');