Wie füge ich eine benutzerdefinierte löschen Option für Backgrid Zeilen

Question

Ich habe editierbare Gitter mit backgrid entwickelt und es sieht auch gut aus. Folgendes ist meine Ausgabe:

wenn ich das Kontrollkästchen und klicken Sie auf delete Symbol, dann werden die ausgewählten Zeilen gelöscht.

jetzt möchte ich auch die Löschoption für jede Zeile haben, so dass der Benutzer die Zeile direkt löschen kann.

Wie lösche ich das Symbol in jeder Zeile?

Answer 1

können Sie eine benutzerdefinierte Zelle machen.

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