javascript - Sencha Touch - NavigationView 中的 NestedList

Question

我的整个应用程序都在NavigationView处理不同屏幕之间的导航的内部。在主屏幕中，我有一个打开一个按钮NestedList（始终在 NavigationView 内）

如何删除NestedList 工具栏，并能够使用主NavigationView 工具栏来处理导航？

Answer 1

要使导航视图的后退按钮表现得像嵌套列表的后退按钮，您需要覆盖导航视图的后退按钮点击事件。为此，请按照我对类似问题的回答，如何覆盖导航视图上的后退按钮。

完成此操作后，您需要每次确定当前显示的是哪个视图。如果它是嵌套列表以外的普通视图，您可以简单地弹出该视图。

但如果它是一个嵌套列表，那么 -

1. 你必须找到它的水平。我的意思是你现在处于哪个水平。
2. 从列表中找到它的父项。
3. 加载该视图。

但是做所有这些都需要大量的努力和时间。相反，您可以将嵌套列表的工具栏配置放在底部，并在不同位置放置两个单独的后退按钮。嵌套列表的后退按钮将始终使用text或displayField配置为应用于它的文本，并且back导航视图的按钮将具有一些其他文本。

我做了小提琴来展示它的外观。如果可能，您可能也需要考虑这一点。见演示小提琴

更新

如果你仍然想去你提到的问题。这是另一种方式..

不要在导航视图中推送嵌套列表视图。使用嵌套列表本身并尝试仅在第一级将后退按钮和其他按钮添加到顶部的工具栏。然后深入后，您将自动获得返回按钮。从第一级开始，编写自定义处理程序，该处理程序将弹出嵌套列表，即当前视图并加载前一个视图。如果你愿意，我会在业余时间帮助你解决这个问题。

Answer 2

试试这个代码：

yourNestedList.getToolbar().hide();

例如在onShow()您的嵌套列表/视图中。

在文档中，您可以看到可用于嵌套列表的方法列表：

http://docs.sencha.com/touch/2-1/#!/api/Ext.dataview.NestedList

Answer 3

您也可以将其用作嵌套列表中的配置：

useToolbar: false