Question

我正在研究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);
    }
});

在控制器下有Main.js，一个疑问是refs和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   
}

});

Answer 1

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

ref：ref用于名称或getter方法（第一个字符自动为大写）。这是将来用于此组件的参考资料。
selector：选择器与ComponentQuery一起使用以获取该选择器的引用并对其进行缓存。它突出了id (#myButton)或xtype(button)，用于标识我们引用的组件，并尝试通过ref值将来使用它。

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

1 个答案: