展示&隐藏导航栏sencha touch 2

时间:2013-06-03 09:25:18

标签: sencha-touch-2 navigationbar

在我的应用程序中,我有一个带有1个项目的导航视图(列表)和设置' navigationBar:false'。

这是因为在我的listpanel中我有一个带有slidenavigation的工具栏。一切都好。

然而,当我点击列表中的某个项目时,我按下下一个视图,然后导航栏当然仍然消失了,但是我希望它在该视图上可见,有后退按钮,我有一个其他问题,当我点击该项目时,我有2个窗口打开,第一个包含菜单中的名称&然后第二个包含数据, 这是我的小提琴: http://www.senchafiddle.com/#S7B5o#zNyZ9

Ps:我在这个链接中使用了ux slidenavigation:

https://github.com/wnielson/sencha-SlideNavigation

非常感谢你。

1 个答案:

答案 0 :(得分:4)

您必须关注push

backnavigationView个事件
Ext.define('Yourapp.controller.YourNavigationViewController', {
    extend: 'Ext.app.Controller',
    config: {
        refs: {
            nview: '#navview',// <-- your Ext.NavigationView with id 'navview' ;)
            nbar: '#navbar'// <-- navigationBar of your Ext.NavigationView
        },
        control: {
            nview: {
                push: 'onPush',
                back: 'onBack'
            }
        }
    },
    onPush: function() {
        this.getNavbar().setHidden(false);
    },
    onBack: function() {
        this.getNavbar().setHidden(true);
    }
});