Question

我有3个选项卡面板，里面有表格。用户可以看到第一个选项卡，在单击保存按钮时，最初禁用的其他两个选项卡将为用户启用。现在我正在尝试做什么，因为每个选项卡都有一个保存按钮，如下所示：初始案例：选项卡1：已启用标签2：已禁用标签3：已禁用单击选项卡1中的保存后，仅启用选项卡2。单击选项卡2中的保存按钮后，将启用选项卡3.

这是我当前的代码，它在标签1中点击保存时打开标签2和3。

for (var i = 1; i < tabPanel.items.length; i++) {
           tabPanel.items.get(i).setDisabled(false);
    }
    tabPanel.setActiveTab(2);
    tabPanel.setActiveTab(1);

如何编辑我的代码以获得所需的案例？

Answer 1

如果你在所有三个标签中都有一个保存按钮，那就是......像

var activeTab = tabPanel.getActiveTab(),
    sibling = activeTab.nextSibling();
if(sibling) tabPanel.setActiveTab(sibling);
activeTab.disable();

Answer 2

我会传递一个标签状态数组取决于单击了哪个保存按钮。

var tabStatus = [true, false, false],
    tabStatus2 = [false, true, false],
    tabStatus3 = [false, true, true];

for (var i = 0; i < tabPanel.items.length; i++) {
   tabPanel.items.get(i).setDisabled(tabStatus1[i]);
}

在extjs中设置活动的禁用选项卡面板

2 个答案: