Backbone 模型或集合应如何处理视图？

Question

我有一组模型，每个模型都附有一个视图。该系列在全球范围内也享有盛誉。模型视图最好负责删除相应的模型，还是集合（或集合视图）应该这样做？

Answer 1

集合具有 .add 和 .remove 方法，当您使用其中之一时，它们会触发 add 或 remove > 集合上的事件。这就是您无需使用视图即可进行绑定的方式。

var ships = new Backbone.Collection();
ships.bind('add', function(ship) {
  alert('Ahoy ' + ship.get('name') + '!');
});
ships.add([
  {name: 'Flying Dutchman'},
  {name: 'Black Pearl'}
]);

因此，将集合附加到构造函数内部的视图。这只是通过 this.collection 使集合可用。

var ShipView = Backbone.View.extend({
  collection: ships
});

这就是使用视图绑定的方式。

// Create collection instance.
var ships = new Backbone.Collection();

// Create view class.
var ShipView = Backbone.View.extend({
  collection: ships,
  initialize: function() {
    // This is binding add, to the view function.
    this.collection.bind('add', this.add);
  },
  add: function(ship) {
    alert('Added ' + ship.get('name') + '!');
  }
  /*Optional for DOM.
  events: {
    'click .addMyShip': 'addShip'
  },
  addShip: function(eventObject) {
    this.collection.add([models]);
  }*/
});

// Create view instance.
var shipView = new ShipView();

// Add two ships.
ships.add([
  {name: 'Flying Dutchman'},
  {name: 'Black Pearl'}
]);

当视图初始化时，它会绑定集合的 add 事件来运行 this.add ，这是视图的一个函数。或者，您可以使用 delegateEvents API 来处理将 DOM 元素事件选择器 映射到在视图中运行该函数的函数。该函数可以调用 this.collection.add，这将产生多米诺骨牌效应。

视图与集合或模型交互的方式是通过绑定到事件，您可以定义这些事件并在视图内处理它们。有几个特殊选项，如果通过，将可用于视图：model、collection、el、id、className 和 tagName。