如何在导航的单个页面上向标题栏添加自定义按钮.View（Sencha Touch 2）？

Question

我正在使用navigation.View来保存列表，因此我可以轻松实现当有人点击某个项目时出现的详细视图。我还有一个停靠在列表视图顶部的搜索栏，但我想要做的是默认隐藏它并在标题栏中有一个按钮，允许用户显示/隐藏搜索栏。

我尝试使用以下代码来实现此目的：

navigationBar: {
    items: [{
        xtype: 'button',
        align: 'right',
        text: 'Search'
    }]
}

但是这会导致按钮显示在我推入导航视图的每个页面上，而我希望按钮只显示在根列表页面上。这甚至可能吗？

感谢任何帮助。

Answer 1

在这种情况下，最好不要使用Ext.NavigationView。只需使用工具栏的普通视图。

但是如果你仍然想使用导航视图，这里可能会提示：

1. 将该按钮添加到导航栏并默认设置config hidden: true。

2. 侦听可以观察活动视图何时更改的事件。这可能会因您的应用结构而异。

3. 激活“特殊”视图后，将该按钮显示在导航栏上，当停用该按钮时，隐藏该按钮。