javascript - 如何为 backgrid 行添加自定义删除选项

Question

我已经使用backgrid开发了可编辑的网格，它看起来也不错。以下是我的输出：

当我选中复选框并单击delete 图标时，选定的行将被删除。

现在我还想在每一行上都有删除选项，以便用户可以直接删除该行。

如何在每一行上放置删除图标。？？

Answer 1

您可以制作自定义单元格。

var DeleteCell = Backgrid.Cell.extend({
    template: _.template(" PUT YOUR HTML BUTTON TEMPLATE HERE "),
    events: {
      "click": "deleteRow"
    },
    deleteRow: function (e) {
      e.preventDefault();
      this.model.collection.remove(this.model);
    },
    render: function () {
      this.$el.html(this.template());
      this.delegateEvents();
      return this;
    }
});