如何刪除提取的項目視圖？

Question

我有一個由UsersView（列表）處理的UserCollection。單個元素，模型以UserView的形式處理。

當我現在獲取一個新的UserCollection（其他url）比收集對象本身更新（包含新的用戶模型），但HTML列表仍然存在。

的ListView：

var ContactsView = Backbone.View.extend({ 
     tagName: "ul", 
     className: "contacts unstyled", 
     events: { 

     }, 
     initialize: function() { 
      this.collection = new UserCollection(); 
      this.collection.bind('add', this.addContact, this); 
      this.collection.bind('remove', this.removeContact, this); // not getting called 
      this.collection.bind('reset', this.listContacts, this); 
      this.collection.fetch(); 
     }, 
     render: function() { 
      this.$el.html(); 

      return this; 
     }, 
     listContacts: function(contacts) { 
      contacts.each(function(contact) { 
       this.$el.append(new ContactView({ model: contact }).render().el); 
      }.bind(this)); 
     }, 
     addContact: function(contact) { 
      this.$el.append(new ContactView({ model: contact }).render().el); 
     }, 
     // this is not getting executed 
     removeContact: function(contact) { 
      console.log(["removeContact fired"]); 
      contact.unset(); 
     } 
    }); 

項目 - 視圖

var ContactView = Backbone.View.extend({ 
     tagName: "li", 
     className: "contact", 
     template: _.template(ContactTemplate), 
     events: { 
      "mouseenter li.contact": "expandOptions" 
      , "mouseleave li.contact": "collapseOptions" 
      , "click": "removeContact" 
     }, 
     initialize: function() { 
      this.model.bind('change', this.render, this); 
      this.model.bind('remove', this.remove, this); 
      this.model.bind('destroy', this.remove, this); 
      this.model.bind('unset', this.remove, this); 
     }, 
     render: function() { 
      this.$el.html(this.template(this.model.toJSON())); 

      return this; 
     }, 
     expandOptions: function() { 

     }, 
     collapseOptions: function() { 

     }, 
     removeContact: function(e) { 
      this.model.destroy(); 
     } 
    }); 

所以這事件時Backbone.Collection內刪除項目被觸發（例如讀取）和我怎麼聽呢？

Answer 1

當集合是獲取和the model data returns from the server的收集調用reset()並觸發reset事件。

所以是在你的reset綁定你必須空（）你的DOM元素。在你的情況下你的listContacts()。