error me.dockedItems en ExtJS

Question

Estaba intentando probar un script que escribo en la consola Firebug y creo que el script es bastante simple. Y cuando ejecuté el script, obtuve este error me.dockedItems no está definido. Aquí está el código corro desde la consola de Firebug de Firefox:

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

Agradezco su ayuda para encontrar lo que está mal con el código

Answer 1

No anule InitComponent al crear una instancia.

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

Tengo este error al hacer

Ext.define('blah', { 

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

Resulta que esta cuestión estaba apuntando sortof la dirección correcta, pero también obtendrá este misterioso error si no se llama a

this.callParent(arguments); 

al final de initComponent. ¡Útil!