单击按钮后如何移动到另一个视图？

Question

我有一个登录屏幕，有一些注册按钮和登录按钮。当我按下登录按钮时，我应该移动到注册屏幕，这基本上是一个面板。如何移动？使用处理程序或控制器我该怎么做？

这是我的senchafiddle链接：

SenchaFiddle Link

请帮助..

Answer 1

要做的第一件事就是对按钮进行操作

          action:'submitLogin',

在控制器中处理。

         refs{
            nav:'#navview',
            submitButton:'button[action=submitLogin]',
               }

          control:{
        submitButton:{
            tap:'submitIt'
        }}

您可以将主视图作为导航视图

      Ext.define('App.view.Main',{

    extend:'Ext.navigation.View',
    xtype:'mainvi',
    requires:['App.view.Login'],
    id:'navview',
    fullscreen:true,
    config:{
    items:[{
        xtype:'login',
    }]
}
});

在此代码中，登录页面位于导航视图中。如果您想要移动到另一个视图，您可以通过在导航视图中按另一个视图来切换

      submitIt:function(){
    this.getNav().push({
        xtype:'registrationscreen'

     });
     }

上面的代码可以通过在refs

中声明来写入控制器

其中navview是导航视图的ID。

你可以尝试另一种方法。 应该有一个主面板，将所有您的视图作为该面板中的项目。 面板的布局应该是卡片，这样只显示一个视图，即登录视图。 单击提交按钮后，您可以使用方法

移动到另一个视图

         setActiveItem(param);

其中param是面板中视图的索引。