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

Question

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

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

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

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

任何帮助表示赞赏。

Answer 1

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

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

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

监听可以观察事件 View 何时更改的事件。这可能因您的应用程序结构而异。

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