如何将自定义按钮添加到导航的单个页面上的标题栏.视图(煎茶触摸 2)

Question

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

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

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

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

任何帮助，不胜感激。

Answer 1

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

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

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

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

3. 激活"特殊"视图后，向导航栏显示该按钮，停用后隐藏该按钮。