选项卡面板图标无法使用导航视图sencha touch

时间:2013-07-17 16:14:39

标签: extjs sencha-touch sencha-touch-2 sencha-touch-2.1

 Ext.define('Sample.view.MainMenu', {
    extend: 'Ext.tab.Panel',
    config: {
            tabBar: {
                    docked: 'bottom'
            },
            items: [{
                    xtype: 'mypanel',
            }, {
                    xtype: 'mycartlist'
            }, {
                    xtype: 'cartitemscheck',
            } ]
    }
 });

上面是我的第一个视图,其中标签面板停靠在底部,默认显示mypanel视图,mypanel视图是导航视图..这里我遇到了问题..如果我从面板视图导航到卡片中的其他视图布局并单击选项卡图标mycartlist,当我单击mypanel图标时,它显示最后导航的页面视图..但我希望每次单击mypanel图标时都会显示mypanel第一个视图。请告诉我这是如何运作的。

1 个答案:

答案 0 :(得分:0)

如果我理解正确..使用导航视图reset方法,这将解决您的问题

    Ext.define('Sample.view.MainMenu', {
       extend: 'Ext.tab.Panel',
        xtype : 'mainmenu',
        config: {
                tabBar: {
                        docked: 'bottom'
                },
                items: [
                    {
                        xtype: 'mainview',
                        listeners : {
                            activate : function( nav, newActiveItem, oldActiveItem, eOpts ) {
                               // Reseting navigation view
                                nav.reset();
                            }
                        }
                    }, 
                    {
                        xtype: 'mycartlist'
                    }, 
                    {
                        xtype: 'cartitemscheck',
                    }]
                }
    });