【ExtJS】关于alias和xtype

alias

在api里的解释为：别名 类名称简短的别名列表。多数用于定义xtypes

 Ext.define('MyApp.Panel', {
     extend: 'Ext.panel.Panel',
     alias: 'widget.mypanel',
     title: 'MyPanel'
 });

 Ext.onReady(function(){
     // 使用 Ext.create
     Ext.create('widget.mypanel',{
         html: 'Create Widget!',
         width: 400,
         height: 200,
         broder: true,
         renderTo: Ext.getBody()});

     // 使用xtype
     Ext.widget('panel', {
         renderTo: Ext.getBody(),
         width: 400,
         margin: '10 0 0 10 ',
         broder: true,
         items: [
             {xtype: 'mypanel', html: 'Xtype1!'},
             {xtype: 'mypanel', html: 'Xtyoe2!'}
         ]
     });

 });

效果：

　　不过我在5.0官方例子中，经常看到例子里很少用alias来表示类的别名，而是经常用xtype来表示

 Ext.define('MyApp.Panel', {
     extend: 'Ext.panel.Panel',
     //alias: ['widget.mypanel'],
     xtype: 'mypanel',
     title: 'MyPanel'
 });

 Ext.onReady(function(){
     // 使用 Ext.create
     Ext.create('widget.mypanel',{
         html: 'Create Widget!',
         width: 400,
         height: 200,
         broder: true,
         renderTo: Ext.getBody()});

     // 使用xtype
     Ext.widget('panel', {
         renderTo: Ext.getBody(),
         width: 400,
         margin: '10 0 0 10 ',
         broder: true,
         items: [
             {xtype: 'mypanel', html: 'Xtype1!'},
             {xtype: 'mypanel', html: 'Xtyoe2!'}
         ]
     });

 });

效果是一样的，感觉这样比原来的更好记，更直观一些。