长x型模拟

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

如果你喜欢使用长记法，你会这样做：

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

Answer 2

您要找的是xclass：

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