Jak dodać niestandardową opcję usuwania dla wierszy tła

Question

Mam opracowane edytowalne siatki przy użyciu backgrid i wygląda dobrze. Oto moje dane wyjściowe:

po wybraniu pola wyboru i kliknięciu ikony delete, wybrane wiersze zostaną usunięte.

Teraz również chciałbym mieć opcję usuwania każdego wiersza, aby użytkownik mógł bezpośrednio usunąć wiersz.

Jak umieścić ikonę usuwania w każdym rzędzie?

Answer 1

Można dokonać komórkę niestandardową.

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