在backbonejs中销毁模型后从数据表中删除行

时间:2013-02-02 11:20:01

标签: javascript backbone.js datatable

我在数据表中显示我的集合中的行。 我有一个视图,我在其中销毁模型,一旦完成,我需要删除数据表中的相应行。我能够销毁模型,但不知道如何删除该特定行。处理行的视图如下:

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 个答案:

答案 0 :(得分:1)

我想这是。$ el.remove()应该从DOM中删除整行。

Stack上的帖子也将此代码放在:(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);
}

我认为Backbone的下一个版本将有一个帮手。