me.dockedItems error in ExtJS

Question

Stavo provando a testare uno script che scrivo sulla console di Firebug e penso che lo script sia abbastanza semplice. E quando ho eseguito lo script, ho ricevuto questo errore me.dockedItems non è definito. Ecco il codice ho eseguito dalla console Firebug di 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(); 

Apprezzo il vostro aiuto per trovare ciò che è sbagliato con il codice

Answer 1

Non ignorare initComponent durante la creazione di un'istanza.

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

ho ottenuto questo errore quando si fa

Ext.define('blah', { 

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

Si scopre la questione è stata rivolta sortof giusta direzione, ma si riceverà anche questo errore misterioso, se non si chiama

this.callParent(arguments); 

alla fine di initComponent. Utile!