骨干删除模型

Question

在这种情况下，它不会触发Http方法删除萤火虫当我点击清除，即使元素从DOM中删除。

var DecisionItemView = Backbone.View.extend({ 
     tagName: "li", 
     template: _.template($('#item-template').html()), 
     initialize: function() { 
      this.model.bind('change', this.render, this); 
      this.model.bind('destroy', this.remove, this); 
     }, 
     events:{ 
      "click span.decision-destroy": "clear" 
     }, 
     render: function() { 
      $(this.el).html(this.template(this.model.toJSON())); 
      return this; 
     }, 
     clear: function() { 
      var answer = confirm("Are you sure you want to delete this decision?"); 
      if (answer) { 
       this.model.destroy({ 
        success: function() { 
         console.log("delete was a success"); 
        } 
       }); 
      } 

     }, 
     remove: function(){ 
      $(this.el).remove(); 
     } 
    }); 

Answer 1

您的模型是否有ID？否则，destroy方法不会触发一个http请求。

一些代码来检查这个

var M=Backbone.Model.extend({ 
    url:'/echo/json/' 
}); 

var DecisionItemView = Backbone.View.extend({ 
     tagName: "li", 
     initialize: function() { 
      this.model.bind('change', this.render, this); 
      this.model.bind('destroy', this.remove, this); 
     }, 
     events:{ 
      "click span.decision-destroy": "clear" 
     }, 
     render: function() { 
      var txt=(this.model.get("id")) ? "Clear with id":"Clear without id"; 
      $(this.el).html("<span class='decision-destroy'>"+txt+"</span>"); 
      return this; 
     }, 
     clear: function() { 
      var answer = confirm("Are you sure you want to delete this decision?"); 
      if (answer) { 
       this.model.destroy({ 
        success: function() { 
         console.log("delete was a success"); 
        } 
       }); 
      } 

     }, 
     remove: function(){ 
      $(this.el).remove(); 
     } 
}); 

var m1=new M({id:1}); var m2=new M(); 
var view1=new DecisionItemView({model:m1}); 
$("ul").append(view1.render().$el); 
var view2=new DecisionItemView({model:m2}); 
$("ul").append(view2.render().$el); 

并有小提琴http://jsfiddle.net/rSJP6/