钛合金按钮打开视图

Mike S. 发表于 Dev

迈克·S。

离开钛合金一段时间后，似乎我什至忘记了最简单的任务。例子：我在主页上有一堆按钮。单击每个按钮时应打开其各自的视图。单击按钮后如何打开该关联视图？

视图

<Alloy>
<Tab title="Home">
    <Window class="container">
        <Label>This is the Home View</Label>
        <ImageView id="kplLogo"/>
        <View id="homeNav">
            <Button class="navButton" id="recognizeButton" title="Recognize" onClick="doClick" />
            <Button class="navButton" id="reactButton" title="React"/>
            <Button class="navButton" id="reportButton" title="Report"/>

        </View>
    </Window>
</Tab>
</Alloy>

当用户单击一个按钮（例如现在的identifyButton）时，它应该打开identifyView。我知道这很简单，但此刻我正在陷入僵局。

谢谢您的帮助。询问是否需要更多细节。

我同意

首先，向每个Button添加一个属性，这将使得可以调用子View控制器，例如：

<Button id="recognizeButton" title="Recognize" child_controller="recognizeView" />

还要在<tab>元素上使用id ：

<Tab id="hometab">

然后，在控制器中，添加事件侦听器：

$.recognizeButton.addEventListener('click', function(e) {
    if (e.source.child_controller) {
      controller = Alloy.createController(e.source.child_controller);
      $.hometab.open(controller.getView());
    }
});

这将在同一选项卡中打开一个新窗口，并保留历史记录，这样，当您单击reutrn时，您将回到主选项卡。如果您需要更广泛的示例，请检查以下内容：https : //github.com/asiviero/drupanium_app/tree/master/app，我以这种方式使用主视图，从“ includes”文件夹中的控制器打开视图

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。