Backbonejs-如何侦听属于集合的集合中的更改

Question

我的应用程序由以下内容组成：

集合：

• 栏目
• 座位数

楷模：

• 座位
• 座次表
• 部分

SeatingChart具有“ Sections作为属性

A Sections是Section的集合

Section具有Seats作为属性

一个Seats是集合Seat

有没有，里面的方式SeatingChart听时到Seat被添加到的一个Section在S SeatingChart的Sections ？

Answer 1

我确定您知道Backbone确实提供了此功能。 因此，我假设您想提出有关如何连接此设备的建议。 遵循的解决方案将特定于您的设计。 对于一般情况，我建议您参考“骨干关系”

您已经放置了解决方案的第一部分，即保留对要跟踪的集合的引用。 随着关系的发展，这将派上用场。

但是，让我们从底部开始。 这些问题询问如何检测何时添加了座位。 因此，让我们定义Seats集合：

var Seats = Backbone.Collection.extend({
  initialize: function () {
    this.setupListeners();
  },

  setupListeners: function () {
    this.on('add', _.partial(this.bubbleAction, 'add'));
    this.on('remove', _.partial(this.bubbleAction, 'remove'));
  },

  bubbleAction: function (action, model) {
    this.trigger('seats-action' action, model);
  }
})

现在， Sections必须采取Seats动作并将其冒泡。

var Sections = Backbone.Collection.extend({
  initialize: function () {
    this.setupListeners();
  },

  setupListeners: function () {
    this.listenTo(this.seats, 'seats-action', this.bubbleSeatsAction);
  },

  bubbleSeatsAction: function (action, model) {
    this.trigger('section:seats-action', this.sectionClass, action, model);
  }
})

最后，在您的SeatingChart集合中：

var SeatingChart = Backbone.Collection.extend({
  initialize: function () {
    this.setupListeners();
  },

  setupListeners: function () {
    this.listenTo(this.sections, 'section:seats-action', this.handleSeatAction);
  },

  handleSeatAction: function (section, action, model) {
    ///Logic goes here to handle a seat action///
})