On tab icon tap

[stevanicus]

Something I have found incredibly difficult is to listen for tab icon taps in a controller. I have tried to the following selectors and more

Controller:

control: {
            'mytab':{
                tap:'onTabTap'
            },
            'mytab button[action=myHomeButton]':{
                tap:'onTabTap'
            },


        }

In the end I went for the actual tab change

'myhome':{
                activate:'onTabTap'
            }

My view:

Ext.define("BibleVerse.view.Main", {
    extend: 'Ext.tab.Panel',
    requires: ['Ext.TitleBar'],
    xtype:'mytab',
    
    config: {
        tabBarPosition: 'bottom',
        items: [{
            xtype:'myhome',
            action:'myHomeButton'
        },{
            xtype:'mysettings'
        }]
        
    }
});

Any ideas?

[mitchellsimoens]

Try this selector:

mytab tab

The tab panel has a child tab bar and the tab bar has child tabs.

[stevanicus]

Try this selector:

mytab tab

The tab panel has a child tab bar and the tab bar has child tabs.

Thanks for your response

Still no luck

'mytab tab':{
                tap:function(){alert('help')}
            }

Update: sorry - my mistake didnt upload properly.. Thanks for that! Worked like a treat

[mitchellsimoens]

Just saw your update. Prepared a simple test case, maybe it will help others:

Ext.define('Test.controller.Main', {
    extend : 'Ext.app.Controller',

    config : {
        control : {
            'tabpanel tab' : {
                tap : 'onTabTap'
            }
        }
    },

    onTabTap : function() {
        console.log('tap');
    }
});

Ext.application({
    name : 'Test',

    controllers : [ 'Main' ],

    launch : function () {

        new Ext.tab.Panel({
            fullscreen : true,
            items      : [
                {
                    title : 'One'
                },
                {
                    title : 'Two'
                }
            ]
        });

    }
});

[stevanicus]

Thanks for that! I'm sure it will

[mukeshgla]

hi Mitchell,

As per your code whenever i click on any Tab One or Two "tap" is printed on console, but I want it to recognize the tabs tapped. i.e. I should be able to distinguished if tab one or Two is pressed?

Thanks & Regards
Mukesh pandey

[mitchellsimoens]

The tab instance is the first argument in the onTabTap method. Or you can change the control statement to be a different selector.