2013-07-03 15 views
11

için özel bir silme seçeneği nasıl eklenir backgrid kullanarak düzenlenebilir bir ızgara geliştirdim ve ayrıca iyi görünüyor. Aşağıdaki benim çıktısı: 0 onay kutusunu işaretleyin ve delete simgesine tıklayın, sonra seçili satırlar silinir:Backgrid satırları

.

şimdi her satırda silme seçeneğine sahip olmak istiyorum, böylece kullanıcı doğrudan satırı silebilir.

Her satırda simge silme nasıl yapılır.

enter image description here

+0

Birden çok sütun filtresi uyguladınız mı? –

cevap

27

Özel bir hücreyi yapabilirsiniz.

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

Daha eksiksiz bir örneğiniz var mı? Ben tamamen backgrid yapmak ve bu DeleteCell ile ne yapacağımı hiçbir fikrim yok :-( –

+0

Merhaba @ yh-wong Hala zorluklar yaşıyorum. Eğer gerçekten benim problet arıyorum rahatsız olabilir: http: // stackoverflow. com/questions/17612191/how-to-apply-row-for-backgrid için –

+1

Başar, yeterince basit olsa da, ancak bu yanıtın tek yeri budur. +2 (eğer yapabilirsem) – theunexpected1