【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!',
         400,
        height: 200,
        broder: true,
        renderTo: Ext.getBody()});

    // 使用xtype
    Ext.widget('panel', {
        renderTo: Ext.getBody(),
         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!',
         400,
        height: 200,
        broder: true,
        renderTo: Ext.getBody()});

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


});

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