Layout Sencha Touch:如何实现具有右布局的左菜单

Layout Sencha Touch:如何实现具有右布局的左菜单,layout,button,view,menu,sencha-touch,Layout,Button,View,Menu,Sencha Touch,我刚开始使用Sencha Touch 2,我已经开始开发一款平板电脑应用程序。我正在使用Sencha Architect进行设计和编写代码,我的应用程序有一个左右两侧的卡片布局。在左边我有一个带有一些按钮的主菜单。这个菜单一直在左边。在右侧,我想根据单击的菜单按钮和用户想去的地方更改视图。每次单击按钮后,它将具有3级以上的导航。 我现在的问题是如何更改视图?。到目前为止,我在右边有一个Navigation.View,我使用了这个;方法我在将某些内容加载到navegation.view时遇到了工具

我刚开始使用Sencha Touch 2,我已经开始开发一款平板电脑应用程序。我正在使用Sencha Architect进行设计和编写代码,我的应用程序有一个左右两侧的卡片布局。在左边我有一个带有一些按钮的主菜单。这个菜单一直在左边。在右侧,我想根据单击的菜单按钮和用户想去的地方更改视图。每次单击按钮后,它将具有3级以上的导航。 我现在的问题是如何更改视图?。到目前为止,我在右边有一个Navigation.View,我使用了这个;方法我在将某些内容加载到navegation.view时遇到了工具栏问题,我知道如何创建视图和推送,但之后我不知道如何再次加载此视图

我希望您能了解我的组件的结构。我的主要疑问是:我是否必须使用navigation.view作为框架来加载其他视图?如何更改其他人的负载?还有别的选择吗

万分感谢

控制器


为什么不在右边创建一个容器呢。 然后在items中:使用xtype调用每个视图

{
     xtype: 'container',

    items: [

 {
             xtype: 'view1',
             id: 'Cview1',
              hidden:true,
     },
                {
                    xtype: 'view2',
                    id: 'Cview2',
                   hidden:true,
                },
                {
                    xtype: 'view3',
                    id: 'Cview3',
                    height:'auto',
                     hidden:true,

                }]
然后在按钮的处理程序中,您只需隐藏其他视图并显示所选视图,如:

           {
                                    xtype: 'button',

                                   handler:function(){

                                        Ext.getCmp('Cview1').hide();
                                        Ext.getCmp('Cview2').hide();
                                        Ext.getCmp('Cview3').show();
}
}

您提到的链接只能对成员可见。发布公共链接。
           {
                                    xtype: 'button',

                                   handler:function(){

                                        Ext.getCmp('Cview1').hide();
                                        Ext.getCmp('Cview2').hide();
                                        Ext.getCmp('Cview3').show();
}
}