在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){}
}
事件方式似乎是一种更快捷的方式,也使得更容易获得实际事件本身(因为它是自动传递的)。是否有理由使用其中一个?他们的预期用例是什么?无法在线查找有关此内容的详细信息(除了尝试浏览带注释的来源)...
(我刚刚发现了事件方法,直到现在一直使用触发器,因为我认为这是唯一的方法)
答案 0 :(得分:15)
你的第一个例子是使用触发器。触发器是用于从视图触发事件的快捷方式,因此外部对象可以捕获事件,而不是触发事件的视图。
答案 1 :(得分:4)
如果我们将events
和triggers
视为Javascript对象,那么区别在于:
事件示例:
events: {
'click hi': 'alertTitle',
},
alertTitle: function () {
alert('Title!!');
}
在每个事件中,键('click h1'
)始终是DOM事件和jQuery选择器,值('alertTitle'
)始终是回调函数的名称,存在于图。强>
触发器示例:
triggers: {
'click h1': 'alert:title'
},
在每个触发器中,键仍然是DOM事件和jQuery选择器,但值('alert:title'
)始终是您要触发的新事件的名称。那个事件处理程序可以在任何地方定义,不一定在当前视图中。
触发器在以下情况下很有用:
onChildviewAlertTitle()
函数来处理此alert:title
事件。