.. / ExtJS: собственные классы, xtype и ленивая инициализация

Ext.onReady(function(){ Ext.define(«MyApp.myPanel»,{
          extend: «Ext.panel.Panel»,
          alias: «widget.mypanel»
      }); Ext.create('Ext.Viewport', {
        layout: 'fit',
        title: 'Ext Layout Browser',
        items: [{xtype:'mypanel',title:'1234+',html:'Test 1111' }],
        renderTo: Ext.getBody()
    });

});

1. MyApp.myPanel - имя класса в пространстве имен MyApp. Если пространство имен не определено Ext4 создает их самостоятельно
2. widget.mypanel - определяет xtype для нового класса
3. при ленивой инициализации указывается новый xtype и отсутствующие параметры

то же самое эквивалентно:

Ext.onReady(function(){ Ext.define(«MyApp.myPanel»,{
          extend: «Ext.panel.Panel»,
          alias: «widget.mypanel»
      });
    var p=Ext.create('MyApp.myPanel',{title:'1234+',html:'Test 1111' }); Ext.create('Ext.Viewport', {
        layout: 'fit',
        title: 'Ext Layout Browser',
        items: [p],
        renderTo: Ext.getBody()
    });

});