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

Question

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

这是我的senchafiddle链接：

SenchaFiddle 链接

请帮忙..

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 是面板中视图的索引。