ExtJSのme.dockedItemsエラー

Question

私はスクリプトをテストしようとしていましたが、私はFirebugコンソールに書きました。私はスクリプトが十分に簡単だと思います。私はスクリプトを実行すると、私はこのエラーme.dockedItemsは未定義です。

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を上書きしないでくださいコード

Answer 1

と間違っているものを見つけるためにあなたの助けに感謝： は、ここで私はFirefoxのFirebugのコンソールから実行するコードです。

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(); 

Answer 2

私は

Ext.define('blah', { 

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

を行うときには、この質問がsortof正しい方向を指していたが判明していますが

this.callParent(arguments); 

を呼び出さない場合にも、この神秘的なエラーが発生します。このエラーを得ました

はinitComponentの最後にあります。有用！