Long xtype analog

Question

I want to use long notation of item type instead of xtype. Can I use

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

instead of

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

Answer 1

What you are looking for is xclass:

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

Answer 2

If you prefer to use long notation you would do like this:

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

or you can create your own class and extend DataView:

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