How can I get the active tab index in tab panel?

Question

How can I get the active or selected tab index in tab panel in sencha touch?

I am using tabpanel in my application.

Taneshatang

Could you provide us what you have already tried? – Supinator

Removed the tag from the title and made it a question; removed duplicate sentence; removed 'thank you' fluff. Still needs examples of what the OP has tried, and how it fails them. – Rochus

Also, with these edits, the body is little more than a restatement of the title. Some more details would be useful – Rochus

Answer 1

var tabpanel = Ext.ComponentQuery.query('mainViewport #mainTabPanel'); //use your item Id / reference here
var activeTab = tabpanel.getActiveTab();
var activeTabIndex = tabpanel.items.indexOf(activeTab);

Inarch

Answer 2

I had to use:

tabpanel.getActiveItem();

Was getting this error on getActiveTab:

getActiveTab is not a function

Langrage

Answer 3

var activeTab = tabPanel.getActiveTab();
var currentStep = tabPanel.items.indexOf(activeTab);

Flamboyant

Answer 4

This is correct code:

getTabIndex: function(tab) {
    var index = 0;

    tab.up('#mainTabPanel').getItems().each(function(item) {
        if (tab === item) {
            return false;
        }

        if (item.tab) {
            index++;
        }
    });

    return index;
}

Vedavedalia