如何在选项卡面板中获取活动选项卡索引？答案

【问题标题】：How can I get the active tab index in tab panel?如何在选项卡面板中获取活动选项卡索引？
【发布时间】：2015-10-14 17:43:17
【问题描述】：

如何在 sencha touch 的标签面板中获取活动或选定的标签索引？

我在我的应用程序中使用tabpanel。

【问题讨论】：

你能提供我们你已经尝试过的东西吗？
从标题中删除标签并使其成为问题；删除了重复的句子；删除了“谢谢你”的绒毛。仍然需要 OP 尝试过的示例，以及它是如何失败的。
此外，通过这些编辑，正文只不过是对标题的重述。更多细节会很有用

标签： extjs sencha-touch-2 sencha-architect sencha-touch-2.1

【解决方案1】：

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

【讨论】：

【解决方案2】：

我不得不使用：

tabpanel.getActiveItem();

在 getActiveTab 上收到此错误：

getActiveTab 不是函数

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

这是正确的代码：

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

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

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

    return index;
}

【讨论】：