2013-02-02 49 views
1

我在數據表中顯示集合中的行。 我有一個視圖,我摧毀了一個模型,一旦完成,我需要刪除數據表中相應的行。我能夠銷燬該模型,但不知道如何刪除該特定行。處理行的視圖是這樣的:在backbonejs中銷燬模型後從數據表中刪除行

var rowRow = Backbone.View.extend({ 
    tagName: "tr", 
    events: { 
    'click .edit':'editrow', 
    'click .delete':'deleterow' 
    }, 

    render: function() { 
    data = this.model.toJSON(); 

    this.$el.html('<td>'+data.name+'</td><td>'+data.email+'</td><td>'+data.contact_number+'</td><td><span id="delete'+data.id+'" class="delete">Delete</span> | <span class="edit">Edit</span></td>'); 
    return this; 
    }, 

    editrow: function(){ 
    alert("edit"); 
    }, 

    deleterow: function() { 
    var data = this.model.toJSON(); 

    this.model.destroy({ wait: true, success: function(){ }}); 
    } 
}) 

剛剛破壞模型後,如何刪除數據表中的特定行?

回答

1

我想這個。$ el.remove()應該從DOM中刪除整行。

在堆棧中後把這段代碼也:(https://stackoverflow.com/a/11534056/968988

destroy_view: function() { 

    //COMPLETELY UNBIND THE VIEW 
    this.undelegateEvents(); 

    this.$el.removeData().unbind(); 

    //Remove view from DOM 
    this.remove(); 
    Backbone.View.prototype.remove.call(this); 
} 

我想骨幹的下一個版本將有這樣的一個幫手。

+0

我實際上使用數據表。所以有fnDeleteRow像函數,但不知道如何在這裏調用它,因爲它將綁定在表本身,我將如何能夠引用它。 – beNerd

+0

datatables是一個(很好)面向DOM的庫,其中Backbone是一個「內存」庫。你應該先使用datatable.fnDeleteRow()然後刪除骨幹對象(this.model.destroy(),this.view.destroy_view) –

相關問題