1

私はsencha2.0に取り組んでいます。ログインフォームが1つあり、ログインフォームにある送信ボタンをクリックすると別のフォームを呼び出したいです。

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 があります。1 つの疑問は、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   
}

});
4

1 に答える 1

-1

Sencha Touch コントローラ ファイルのrefsセクション内で、

  • ref: ref は名前または getter メソッド用です (最初の文字は自動的に大文字になります)。将来的にこのコンポーネントに使用する参照用に際立っています。

  • selector: セレクターは ComponentQuery で使用され、そのセレクターの参照を取得してキャッシュします。これは、参照しているコンポーネントを識別し、値を介して将来それを使用しようとするために使用されるid (#myButton)またはで際立っています。xtype(button)ref

于 2012-04-27T10:28:36.783 に答える