ExtJS의 me.dockedItems 오류

Question

스크립트를 시험해 보려고했는데 콘솔에 쓸 때 스크립트가 간단하다고 생각합니다. 그리고 스크립트를 실행하면이 오류가 발생합니다. 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 함수를 오버라이드 (override)하지 마십시오 코드

Answer 1

에 어떤 문제가 있는지 찾기 위해 도움을 주셔서 감사합니다 : 여기에 내가 파이어 폭스의 방화범 콘솔에서 실행되는 코드입니다.

Ext.define('blah', { 

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

을 할 때

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

나는 그것은이 질문 바콜이 올바른 방향을 가리키고 밝혀하지만

this.callParent(arguments); 

를 호출하지 않는 경우는이 신비 오류가 발생합니다이 오류가 발생했습니다

은 initComponent의 끝에 있습니다. 유능한!