当其中一个模型被更改时，如何为Backbone.js中的集合视图附加事件处理程序？

Question

我有一个呈现任务列表的视图：

ProjectManager.Views.TasksIndex = Support.CompositeView.extend({
  initialize: function() {
    _.bindAll(this, "render");
    this.collection.bind("add", this.render);
  },

  render: function () {
    this.renderTemplate();
    this.renderTasks();
    ...
  },

  renderTemplate: function() {
    $(this.el).html(JST['tasks/index']({ tasks: this.collection }));
  },

  renderTasks: function() {
    var self = this;
    this.collection.each(function(task) {

      // only display draft tasks
      if (task.get('status') === "draft") {
        var taskItem = new ProjectManager.Views.TaskItem({ model: task });
        self.renderChild(taskItem);
        self.$('#tasks-list').append(taskItem.el);
      }
    });
  }
  ....
});

我为集合中的每个任务渲染一个视图。 我希望能够删除任务。
当用户单击任务的删除按钮后，我将任务模型的状态属性设置为“已删除”。 现在我需要在TasksIndex视图中绑定一个事件处理程序来重新呈现集合。
我试过了

this.collection.bind("change", this.render);

但它不起作用。
如何将子视图中模型上发生的事件传播到父视图？

Answer 1

this.collection.bind('change', this.render)应在模型状态更改时调用render方法。

你能添加一个console.log('render called'); 在您的渲染方法中行，以查看模型状态更改时是否正在调用它。

我正在考虑调用render方法，但在其他地方有一些逻辑没有正确显示任务。