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

  1. ExtJS-4
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()
    });

});
  1. 2012-01-26
  2. ExtJS-4
  1. habrahabr.ru/blogs/extjs/112802/ - В ожидании ExtJS 4: Динамическая загрузка и новая система классов
  2. habrahabr.ru/blogs/extjs/132923/ - 20 правил, которым стоит следовать, когда начинаете работать с EXT JS & Sencha Touch
  3. www.bleext.com/blog/creating-classes/ - Creating Classes in ExtJS 4
  4. www.bleext.com/blog/using-alias-and-xtype-in-extjs4/ - Using alias and xtype in Extjs4
  5. -
Go Index Test