Cách thêm tùy chọn xóa tùy chỉnh cho các hàng backgrid

Question

tôi đã phát triển lưới có thể chỉnh sửa bằng cách sử dụng backgrid và có vẻ tốt. sau đây là kết quả của tôi:

khi tôi chọn hộp kiểm và nhấp vào biểu tượng delete, sau đó các hàng đã chọn sẽ bị xóa.

bây giờ tôi cũng muốn có tùy chọn xóa trên mỗi hàng để người dùng có thể xóa hàng trực tiếp.

Cách đặt biểu tượng xóa trên mỗi hàng. ??

Answer 1

Bạn có thể tạo ô tùy chỉnh.

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