将参数传递到主干视图的主干事件对象中

Question

我有以下主干视图事件。它是一个产品视图 - 具有三个选项卡（“全部”、“前 3 个”、“前 5 个”）

我能否以某种方式将参数传递到方法声明中，以便它相当于以下内容（这不起作用）？

events : {
    "click #top-all":          "topProducts(1)"
    "click #top-three":      "topProducts(2)"
    "click #top-ten":         "topProducts(3)"
},
topProducts(obj){
    // Do stuff based on obj value
}

Answer 1

您可以将额外的参数放在可点击项目的数据属性中；像这样：

<a id="top-all" data-pancakes="1">

然后 topProducts 可以自己计算出来：

topProducts: function(ev) {
    var pancakes = $(ev.currentTarget).data('pancakes');
    // And continue on as though we were called as topProducts(pancakes)
    // ...
}

Answer 2

我通常更喜欢做这样的事情：

events : {
   "click #top-all":    function(){this.topProducts(1);}
   "click #top-three":  function(){this.topProducts(2);}
   "click #top-ten":    function(){this.topProducts(3);}
},
topProducts(obj){
   // Do stuff based on obj value
}

Answer 3

你能做的就是检查参数中作为 currentTarget 接收的元素的 id。

topProduct: function (e) {
    var id = e.currentTarget.id;
    if (id == "top-all") // Do something
    else if (id == "top-5") // Do something
    else if (id == "top-3") // Do something
}

Answer 4

您可以使用闭包来做到这一点：

EventObject.on(event, (function(){
    var arg = data; // Closure preserves this data
    return function(){
        doThis(arg);
    }   
})());