javascript - 根据按钮的处理程序条件进行指导

Question

如何在按钮的处理程序上添加 if/else 条件。这样，如果条件为真，我会将按钮定向到某个函数(提交)，否则定向到另一个函数(submit1)。

var btn_submitform = Ext.create('Ext.Button', {
            width:75,
            height:30,
            text:'Submit', 
            id:"btn_submitform",
            handler: submit
    });

Answer 1

只需在处理程序中检查该条件即可:

onSubmit: function(button, event, eOpts) {
    if(true) {
        this.function1();
        //
        this.fireEvent('event1', [button, event, eOpts]);
    }
    else {
        this.function2();
        //
        this.fireEvent('event2', [button, event, eOpts]);
}

或根据该条件绑定(bind)处理程序(例如在 Controller 中):

var button = Ext.ComponentQuery.query('button[id=btn_submitform]')[0];

if(true) {
    button.on('click', 'function1');
}
else {
    button.on('click', 'function2');
}

或创建委托(delegate):

var form = Ext.ComponentQuery.query('form')[0];

form.addListener({
    // Ext.Buttons have an xtype of 'button', so we use that are a selector for our delegate
    delegate: 'button',

    click: function(button, event, eOpts) {
        if (button.id === 'btn_submitform') {
            alert('Submit button tapped!');
        }
        else {
            alert('Other button tapped!');
        }
    }
});