erreur me.dockedItems dans ExtJS

Question

J'essayais de tester un script que j'écris sur la console firebug et je pense que le script est assez simple. Et quand j'ai couru le script, j'ai eu cette erreur me.dockedItems est indéfini. Voici le code que je lance à partir de la console 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(); 

J'apprécie votre aide pour trouver ce qui ne va pas avec le code

Answer 1

Ne pas passer outre InitComponent lors de la création d'une instance.

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

J'ai eu cette erreur lorsque vous faites

Ext.define('blah', { 

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

Il se trouve cette question pointait sortof la bonne direction, mais vous aussi cette mystérieuse erreur si vous ne l'appelez pas

this.callParent(arguments); 

à la fin de initComponent. Utile!