backbone.js - 连接主干 View 的正确方法

Question

I have a two views:   1 LeftView (maximized when RightView is minimized & vice versa)   2 RightView (containing)      - collection of          - RightItemView (rendering RightItemModel)

当 RightView 最大化并且用户单击 RightItemView 时，我想最大化 LeftView 并根据单击的 RightItemView 中的数据显示一些内容。

连接它们的正确方法是什么？

Answer 1

我建议使用 Backbone.Events 模块:

http://backbonejs.org/#Events

基本上，这一行就是创建事件调度程序所需的全部内容:

var dispatcher = _.clone(Backbone.Events);

然后您的所有 View 都可以使用全局调度程序触发/监听事件。

因此，在 RightItemView 中，您将在点击事件中执行类似这样的操作:

dispatcher.trigger('rightItemClick', data); // data is whatever you need the LeftView to know

然后，在LeftView的initialize函数中，你可以监听事件并调用你的相关函数:

dispatcher.on('rightItemClick', this.maximizeAndDisplayData);

假设您的 LeftView 具有如下功能:

maximizeAndDisplayData: function(data) {
    // do whatever you need to here
    // data is what you passed with the event
}