javascript - 钛合金中打开选项卡组的问题

Question

我的选项卡组中有 4 个选项卡。单击选项卡名称时的选项卡转换工作正常。但我需要在单击 tab3 中的按钮事件时从 tab3 打开 tab2。我怎样才能做到这一点。

示例代码，

<Alloy>
<Tab id="one">
    <Window class="container">
        <Label>This is the Home View</Label>
    </Window>
</Tab>
<Tab id="two">
    <Window class="container">
        <Label>This is the second View</Label>
    </Window>
</Tab>
<Tab id="three">
    <Window class="container">
        <Button onClick="saveLang">Proceed</Button>
    </Window>
</Tab>

</Alloy>

Controller :

function saveLang()
{
// How can we open only tab2 here
// I tried open index, the loading time taking long and also it is opening tab1 But I need to open tab2 for this event
}

Answer 1

我目前不在我的系统上，但我可以提到的问题/评论仍然很少:

首先，我怀疑您的选项卡无法正常工作，因为它们没有包含在 TabGroup 中.

所以你的观点应该是这样的:

<Alloy>
  <TabGroup id="myTabGrp"> //Tabgroup Added
    <Tab id="one">
        <Window class="container">
            <Label>This is the Home View</Label>
        </Window>
    </Tab>

    <Tab id="two">
        <Window class="container" id="winTwo">
            <Label>This is the second View</Label>
        </Window>
    </Tab>

    <Tab id="three">
        <Window class="container">
            <Button onClick="saveLang">Proceed</Button>
        </Window>
     </Tab>
  </TabGroup>
</Alloy>

现在，当 Controller 中调用saveLang方法时，我们可以调用setActiveTab方法:

function saveLang() {
  $.myTabGrp.setActiveTab($.two);
}

编辑:要重新加载/刷新 Tab 中窗口的内容，请添加 focus event of window在您的 Controller 中:

$.winTwo.addEventListener('focus',function(e) { 
    alert('focus');
});

希望对您有帮助。