在 Backbone.js 子视图中触发事件

Question

我有一个包含表格的视图。

var newsIndexView = Backbone.View.extend({
   ...
});

表中的每一行都是与模型关联的另一个视图。

var newsItemView = Backbone.View.extend({
  tagName: "tr",
  ...
  selectRow: function(e){
    this.selected = !this.selected;
    $(this.el).toggleClass("selected");
    if(this.selected){
      $(".delete_many").on("click", $.proxy(this.remove, this));
    }else{
      $(".delete_many").off("click", $.proxy(this.remove, this));
    }
  },

  ...

});

用户可以选择行。当选择 1 行或多行时，会出现删除按钮。当选择按钮（.delete_many）时，我想触发每个选定的 newsItemView 的删除事件。正如您所看到的，当选择一行时，我为其添加一个事件处理程序，并在取消选择时将其删除。我想知道是否有更好的方法来做到这一点？

Answer 1

您不能在管理表的视图上使用 delegateEvents 来安装点击处理程序一次？即使稍后添加按钮，它也应该触发（即使稍后删除按钮，它也应该保留）。

var newsIndexView = Backbone.View.extend({
 events: {
  "click .deleteMany"  : "deleteMany"
 },
 ...

然后，deleteMany 函数将找出选择了哪些行并在循环中删除它们。由于按钮属于整个表（而不是单个行），这似乎更自然。它还可以轻松地出现“您确定吗”确认对话框（您只想弹出一次而不是每一行），并使用服务器后端的批量删除功能（一个请求而不是每行一个请求） ）。