backbone.js – 骨干.在视图之间调度/收听事件

前端之家收集整理的这篇文章主要介绍了backbone.js – 骨干.在视图之间调度/收听事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
对于如何处理Backbone中的视图之间的事件,我有点困惑.现在我在网站上同时提供了两个局部视图.现在我想要一个视图来调度另一个视图可以听的事件.我该怎么办?

在调度我运行的事件的视图中:

this.trigger("myEvent")

在视听中我跑:

this.bind('myEvent',this.myFunc);

但似乎什么都不会发生.

解决方法

如果您在v1上触发了一个事件:
this.trigger('myEvent'); // this is v1

那么你将不得不收听v1中的事件:

v1.on('myEvent',this.myFunc); // this is,say,v2 here.

事件不是全局的,它们来自特定对象,如果要接收其事件,则必须收听这些特定对象.

如果您将视图直接绑定到彼此,那么您将很快就会遇到一些混乱的事情,其中​​一切都与其他所有内容直接相关.通常的解决方案是创建自己的事件总线:

// Put this where ever it makes sense for your application,possibly
// a global,possible something your your app's global namespace,...
var event_bus = _({}).extend(Backbone.Events);

然后v1将通过event_bus发送事件:

event_bus.trigger('myEvent');

而v2会听event_bus:

this.listenTo(event_bus,'myEvent',this.myFunc);

我也从bind转为listenTo,因为listenTo使得更容易防止僵尸.

演示:http://jsfiddle.net/ambiguous/yb9TY/

猜你在找的JavaScript相关文章