Question

sencha touch 2有问题。

我想了解如何实现在sencha touch 2中提供导航视图的相同功能，但.... “Ext.NavigationView”中的每一项都是＆＃39; Ext.NavigationView＆＃39;组件应该拥有它自己独特的一组导航栏＆＃39;元素。我的意思是一组按钮，例如。

我知道我可以这样做：

this.getMain().getNavigationBar().rightBox.removeAll();
this.getMain().getNavigationBar().rightBox.add(this.getSettingButton());
        //where 'getSettingButton' predefined by me a button

每次推动＆＃39;事件发生（清除＆＃39; navigationBar＆＃39;并添加适当的按钮组）

当然，我甚至可以实施Ext.Panel＆＃39;布局：卡＆＃39;和一组Ext.panel＆＃39; ＆＃39;项目中的元素＆＃39;属性，每个属性都有唯一的工具栏＆＃39;。为了控制我可以使用的行为＆＃39; setActiveItem＆＃39;方法

但是，我认为每种方法都有点奇怪，不是吗？

我预计这将是实现它的更自然的方法。

我很可能不知道自己需要什么。确认我的疑惑。什么是最好的方法。

Answer 1

目前， Ext.NavigationView 倾向于在“简单”视图之间执行导航。这里的“简单”意味着你的视图只是带有innerHTML的面板，而不是带有功能按钮，工具栏等的“复杂”视图。

据我所知，有两种方法可以尝试：

如果您仍想使用Ext.NavigationView，可以通过 navigationBar 配置，getter和setter自定义带有标题，项目（按钮，间隔符等）的NavigationBar作为常规组件
（推荐）如果你的观点完全不同，你应该使用许多Ext.Container和你选择的不同项目（例如，带有简单HTML公告的第一个容器，第二个带有一些额外的Ext.Button，依此类推）。简单地使用animateActiveItem()进行动画导航。我想这种方式更加灵活。

Sencha touch 2 / app工作流程与导航视图

1 个答案: