【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!'}

         ]

     });

 });

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