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

Posted 2023-02-25

【中文标题】如何在选项卡面板中获取活动选项卡索引？

【英文标题】：How can I get the active tab index in tab panel?

【发布时间】：2015-10-14 17:43:17

【问题描述】：

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

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

【问题讨论】：

你能提供我们你已经尝试过的东西吗？

从标题中删除标签并使其成为问题；删除了重复的句子；删除了“谢谢你”的绒毛。仍然需要 OP 尝试过的示例，以及它是如何失败的。

此外，通过这些编辑，正文只不过是对标题的重述。更多细节会很有用

【参考方案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;