长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
});

或者，您可以创建自己的类并扩展DataView：

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