sencha-touch - 如何在 navigation.View (Sencha Touch 2) 的单个页面上的标题栏中添加自定义按钮？

Question

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

我尝试使用以下代码来实现这一点：

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

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

任何帮助表示赞赏。

Answer 1

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

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

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

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

3. 当您的“特殊”视图被激活时，将该按钮显示到导航栏，当它被停用时，隐藏该按钮。