ext js 中的xtype是什么意思

ext js 中的xtype是什么意思

xtype 就是一个类的标识。使用xtype可以实现简化配置和延迟布局中组件的初始化。

如以下代码所示:

new Ext.Viewport({

    layout:'border',
    items:[
        new Ext.Panel({region:'north'}),
        new Ext.Panel({region:'south'}),
        new Ext.Panel({region:'center'})
    ]
});

如果使用xtype可以这样写:
new Ext.Viewport({

    layout:'border',
    items:[
        {xtype:'panel',region:'north'},
        {xtype:'panel',region:'south'},
        {xtype:'panel',region:'center'}
    ]
});

代码简化了。