Как добавить пользовательский параметр удаления для backgrid строк

Я разработал редактируемую сетку, используя backgrid, и это тоже выглядит хорошо. следующий мой вывод:

когда я устанавливаю флажок и нажимаю на значок delete, затем удаляются выбранные строки.

теперь я также хотел бы иметь параметр удаления в каждой строке, чтобы пользователь мог напрямую удалить строку.

Как поместить значок удаления в каждую строку.

enter image description here

Ответы

Ответ 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;
    }
});