骨干网中的触发器和事件有什么区别?

时间:2012-10-29 15:34:36

标签: javascript backbone.js marionette

在Backbone Marionette中,您可以使用触发器和事件执行非常类似的操作:

触发器:

return Marionette.Layout.extend({
    triggers: {
        'click .something': 'view:handleClickSomething'
    },

    initialize: function(){
        this.bindTo(this, 'view:handleClickSomething', this.handleClickSomething);
    },

    handleClickSomething: function(){}
}

VS。事件:

return Marionette.Layout.extend({
    events: {
        'click .something': 'view:handleClickSomething'
    },

    handleClickSomething: function(ev){}
}

事件方式似乎是一种更快捷的方式,也使得更容易获得实际事件本身(因为它是自动传递的)。是否有理由使用其中一个?他们的预期用例是什么?无法在线查找有关此内容的详细信息(除了尝试浏览带注释的来源)...

(我刚刚发现了事件方法,直到现在一直使用触发器,因为我认为这是唯一的方法)

2 个答案:

答案 0 :(得分:15)

你的第一个例子是使用触发器。触发器是用于从视图触发事件的快捷方式,因此外部对象可以捕获事件,而不是触发事件的视图。

http://lostechies.com/derickbailey/2012/05/15/workflow-in-backbone-apps-triggering-view-events-from-dom-events/

答案 1 :(得分:4)

如果我们将eventstriggers视为Javascript对象,那么区别在于:

事件示例:

events: {
    'click hi': 'alertTitle',
},

alertTitle: function () {
    alert('Title!!');
}

在每个事件中,键('click h1')始终是DOM事件和jQuery选择器,值('alertTitle')始终是回调函数的名称,存在于图。

触发器示例:

triggers: {
    'click h1': 'alert:title'
},

在每个触发器中,键仍然是DOM事件和jQuery选择器,但值('alert:title')始终是您要触发的新事件的名称。那个事件处理程序可以在任何地方定义,不一定在当前视图中。

触发器在以下情况下很有用:

  1. 您希望您的DOM事件触发Marionette事件,而不是调用回调函数;
  2. 您希望您的Marionette事件处理程序位于当前视图之外的某个位置,例如其父视图。在这种情况下,此视图的父级可以使用onChildviewAlertTitle()函数来处理此alert:title事件。