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

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; 
    } 
});