创建登录视图。
从您的登录视图执行您的 ajax 请求。
如果成功登录,那么您可以执行以下操作:
Ext.Viewport.animateActiveItem(Ext.Viewport.getComponent('mainPanel'), { type: 'slide'});
这将为您的 mainPanel 设置动画并将其滑入视图。假设您的“mainPanel”是您的导航视图。导航视图将从其默认位置开始,没有后退按钮。您现在可以将视图推送到导航视图中。
从控制器:
config: {
refs: {
mainPanel: 'main'
},
control: {
"list": {
itemtap: 'onListItemTap'
}
}
},
onListItemTap: function(dataview, index, target, record, e, options) {
var myNewView = Ext.create('MyApp.view.Testview');
this.getMainPanel().push(myNewView);
}
稍后,如果需要,您可以随时切换回登录视图:
Ext.Viewport.setActiveItem(0);
或者
Ext.Viewport.setActiveItem(Ext.Viewport.getComponent('MyLoginpanel'))