Sencha touch 2 Sencha Touch:从面板打开导航视图

Sencha touch 2 Sencha Touch:从面板打开导航视图,sencha-touch-2,Sencha Touch 2,在我的Sencha Touch应用程序中,我有一个扩展了“Ext.form.Panel”的登录屏幕,然后是一个作为导航视图的MainView。在登录屏幕验证成功后,我需要显示主视图。我正在检查控制器中的身份验证,如果成功,我将调用主视图 if(success){ Ext.Viewport.add({xtype:'MyApp.view.MainView'}); } 我尝试了以下视口选项 animateActiveItem,Ext.Viewport.show(true) 他们都没有工作

在我的Sencha Touch应用程序中,我有一个扩展了“Ext.form.Panel”的登录屏幕,然后是一个作为导航视图的MainView。在登录屏幕验证成功后,我需要显示主视图。我正在检查控制器中的身份验证,如果成功,我将调用主视图

if(success){
    Ext.Viewport.add({xtype:'MyApp.view.MainView'});
}
我尝试了以下视口选项

animateActiveItem,Ext.Viewport.show(true)
他们都没有工作

如何从面板激活导航视图

注册号


p

使用
Ext.Viewport.setActiveItem
,并使用
MainView
xtype
,而不是完整的类名:

Ext.define('MyApp.view.MainView', {
    extend: 'Ext.navigation.View',
    xtype: 'main-view',
    ...
})

if(success){
    Ext.Viewport.setActiveItem({xtype:'main-view'});
}