[ TABPANEL] How to select an tabbar icon tap event

[Tchinkatchuk]

Hi all,

I have this tabpanel :

Ext.define('Webshop.view.main', {
    extend: 'Ext.TabPanel',
    xtype:  'mainpanel',
    id:  'mainpanel2',
    requires: [
        'Webshop.view.cart.shoppingCartContainer',
        'Webshop.view.search.form',
        'Webshop.view.catalogNavigation'
    ],
    config: {
    	fullscreen		: true,
        tabBarPosition  : 'bottom',
        layout          : 'card',
        items: [
            {
                title	: 'Catalogue',
                iconCls	: 'bookmarks',
                xtype	: 'catalognavigation'
            },{
                title	: 'Recherche',
                iconCls	: 'search',
                xtype	: 'searchnavigationview'
            },{
                title	: 'Panier',
                iconCls	: 'organize',
                xtype	: 'shoppingCartContainer',
                id		: 'shoppingCartContainer'
            },{
                title	: 'Mon espace',
                xtype	: 'monespacecontainer',
                iconCls	: 'user',
                iconMask: true,
            }
        ]
    },
});

How could I get ref and which event to control in order to get the tap on the 4th element icon for example.
I have tried many way without success.

Thanks in advance

[mitchellsimoens]

Within the config object, add the control config like:

control : {
    'tab' : {
        tap : 'onTabTap'
    }
}

[Tchinkatchuk]

So it is not possible to do it within the controler ?
I thought the good way aw to write all event in controler.

What's the difference and why could'nt I do it in the controler ?

[mitchellsimoens]

Sure you can... The tab bar is a child of the tab panel and each tab is a child of the tab bar so you can resolve in a controller.