Long xtype模擬

Question

我想使用項目類型的長符號而不是xtype。 我可以使用

{ 
    title: 'Home', 
    iconCls: 'home', 
    type: 'Ext.dataview.DataView', 
    tabBarPosition: 'bottom', 
    store: homeMenuStore, 
    itemTpl: homeMenuTpl, 
    flex: 1 
} 

，而不是

{ 
    title: 'Home', 
    iconCls: 'home', 
    xtype: 'dataview', 
    tabBarPosition: 'bottom', 
    store: homeMenuStore, 
    itemTpl: homeMenuTpl, 
    flex: 1 
} 

Answer 1

你所尋找的是xclass：

{ 
    xclass: 'Ext.dataview.DataView', 
    ... 
} 

Answer 2

如果你喜歡使用長符號，你會做這樣的：

Ext.create('Ext.DataView', { 
    title: 'Home', 
    iconCls: 'home', 
    tabBarPosition: 'bottom', 
    store: homeMenuStore, 
    itemTpl: homeMenuTpl, 
    flex: 1 
}); 

，或者你可以創建自己的類並擴展數據視圖：

Ext.define('myOwnDataview', { 
    extend: 'Ext.DataView', 
    config: { 
     title: 'Home', 
     iconCls: 'home', 
     tabBarPosition: 'bottom', 
     store: homeMenuStore, 
     itemTpl: homeMenuTpl, 
     flex: 1 
    } 
});