Sencha touch 如何在sencha2.0中单击登录表单的提交按钮调用另一个表单？

我正在开发sencha2.0。我有一个登录表单，我想点击登录表单中的提交按钮调用另一个表单

Ext.define('senchaApp.view.test', {
    extend : 'Ext.form.Panel',
    xtype : 'test',
    requires: "Ext.form.FieldSet",
    id : 'login',
    layout:'vbox', 
    constructor : function(config) {
        var formContainer = Ext.create('Ext.Panel',{
            width:'100%',
            height:'100%',
            id:'formPanel',
            flex:1,
            items:[{
                xtype:'textfield',
                name:'user',
                id:'user',
                label:'Username',
                clearIcon:false,
                cls:'fields'
                },
                {xtype:'passwordfield',
                style:'margin-top:10px;',
                name:'pass',
                id:'pass',
                label:'Password',
                clearIcon:false,
                cls:'fields'
                },
                {xtype:'button',
                cls:'submitBtn',
                id:'submit',
                ui:'action-small',
                action:'submitLogin',
                style:'background-image: url("app/resources/images/img_btnStrip.png");width:186px;margin: 0 auto;height:66px;margin-top:20px;background-color:none;'
                }]
        });

        var formContentHolder = Ext.create('Ext.Panel',{
            cls:'middleContainer',
            items:[formContainer]
        });
        config.items = [formContentHolder];
        this.callParent(arguments);
    },
    initialize : function() {
        this.callParent(arguments);
    }
});

在controller下有Main.js，一个疑问是ref和refs选择器下应该有什么：

Ext.define('senchaApp.controller.Main',{
    extend:'Ext.app.Controller',
    refs:[{
        ref:'',
        selector:''
    }],

    init: function(){
    Ext.create('senchaApp.view.Viewport');
    this.control({
        '#submit':{
            tap: this.showanotherform
    }
    });
},
    showanotherform: function(){
    //How I will call another form on click of submit button here   
}

});

---

在Sencha Touch控制器文件中，在refs部分内

ref:ref表示名称或getter方法的第一个字符自动大写。非常突出，供将来用于此组件的参考

选择器：选择器与ComponentQuery一起使用，以获取该选择器的引用并缓存它。它突出了id myButton或xtypebutton，用于标识我们引用的组件，并在将来通过ref值尝试使用它

---

谢谢你的回答。我的另一个问题是，我应该在showanotherform函数中写些什么，这样我就可以通过单击submit按钮调用另一个表单？我认为您需要使用类似于NavigationView的东西，并且只有在成功提交上一个表单后，才可以导航到下一个视图。在这里查看。。我在想，如果我把视图的布局做成卡片，然后把两个表单都添加成条目会怎么样。我知道这里的逻辑，但在实现它的过程中感觉到了挑战。如果你觉得这个想法可以理解，你能给我提供一些链接，让我可以得到一些帮助来实现它吗？到目前为止，如果我将布局从vbox替换为card，则无法看到表单的字段。等待您的答复