Question

我正在创建一个Sencha Touch应用程序，它有一个主视图，左侧面板和顶部标题栏。在中间我想基于点击左侧项目加载不同的不同视图。我怎样才能做到这一点？如果我执行Ext.viewport.add(view);，它会在我的主视图顶部添加新视图，使主视图的左侧面板不可见。

提前致谢

Answer 1

在使用导航视图 - http://docs-origin.sencha.com/touch/2.4/2.4.0-apidocs/#!/api/Ext.navigation.View

之前，我已经完成了这类工作

因此，您只需根据需要推送或弹出视图，因此一次只能显示一个视图，您仍然可以保留侧边栏，因此当您单击侧栏项时，您将按照文档中的说明执行推送。

Answer 2

如果您不想使用Ext.navigation.View Ext.Container就足够了。在添加可以调用add()的项目以删除现有对象之前，使用其removeAll()方法添加子项。

无论如何，我没有看到任何不使用Ext.navigation.View处理卡片布局和动画的原因。

你可以使用这样的布局：

MainView (Ext.Container) layout:hbox
  |_ TitleBar (Ext.TitleBar) docked:top
  |_ LeftPanel (Ext.Container) flex:1
  |    |_ (Ext.Button)
  |    |_ (Ext.Button)
  |_ ContentPanel (Ext.navigation.View) flex:2

您应该在LeftPanel按钮的tap事件上推送视图。

在sencha touch 2中加载/切换主视图中的子视图

2 个答案: