Extjs4 ExtJS中的me.dockedItems错误

我试图测试我在firebug控制台上编写的一个脚本，我认为这个脚本足够简单。当我运行脚本时，我得到了一个错误me.dockditems是未定义的。 以下是我从Firefox firebug控制台运行的代码：

Ext.create('Ext.window.Window',{
    title : 'Login',
    width : 400,
    height : 500,
    initComponent : function() {
        var me = this;

        var usernameField = Ext.create('Ext.form.field.Text',{
            fieldLabel : 'Net ID',
            allowBlank : false,
            labelWidth : 150,
            width : 150,
            emptyText : 'Net ID'
        });

        var passField = Ext.create('Ext.form.field.Text',{
            fieldLabel : 'Password',
            allowBlank : false,
            labelWidth : 150,
            width : 150,
            emptyText : 'Pass'
        });

        this.items = [usernameField,passField];
        this.callParent(arguments);
    }
}).show();

---

非常感谢您帮助查找代码的错误

创建实例时不要重写initComponent

Ext.create('Ext.window.Window', {
    title: 'Login',
    width: 400,
    height: 500,
    items: [{
        xtype: 'textfield',
        fieldLabel: 'Net ID',
        allowBlank: false,
        labelWidth: 150,
        width: 150,
        emptyText: 'Net ID'
    }, {
        xtype: 'textfield',
        fieldLabel: 'Password',
        allowBlank: false,
        labelWidth: 150,
        width: 150,
        emptyText: 'Pass'
    }]
}).show(); 

---

我在做这件事时犯了这个错误

Ext.define('blah', {

    initComponent: function(){
        //do stuff
    }
});

事实证明，这个问题几乎指向了正确的方向，但如果你不打电话，你也会遇到这个神秘的错误

this.callParent(arguments);

在initComponent的末尾。有用