extjs - 选项卡面板图标不适用于导航视图 sencha touch

Question

 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 的第一个视图。请告诉我这是如何工作的。

Answer 1

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

    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',
                    }]
                }
    });