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/

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...