在 extjs MVC 架构中如何将参数传递给函数

Question

我想将参数“aaa”传递给 disableFlied 函数，但下面的代码不起作用：

init: function() {

    this.control({
        '#speedCheck': {
            change :this.disableFlied("aaa")
        }
    });

},
disableFlied: function(cmpName){

    var a = Ext.getCmp(cmpName);
    a.setDisabled(!a.isDisabled());

}

如何将“aaa”传递给disableFlied函数？

Answer 1

您必须传递一个函数作为事件处理程序，在这里您传递的是自己调用disableField 的结果（即没有任何内容，因为此方法不返回任何内容）。您需要做的是创建另一个传递所需参数的函数。在 Ext 中，您可以使用 Ext.bind 函数来做到这一点。

你应该如何使用它：

this.control({
    '#speedCheck': {
        change: Ext.bind(this.disableField, this, ['aaa'])
    }
});

这将围绕disableField 方法创建一个闭包。这 相当于这个香草javascript代码：

    '#speedCheck': {
        // This is the default scope, but I prefer to make it
        // explicit that the handler must be called in the
        // current scope
        scope: this
        ,change: function() {
            // When this function is called, it will call
            // disableField with the desired parameter
            this.disableField('aaa');
        }
    }