Backbone.js. Правильно внести изменения

Question

Я пишу приложение Todo с Backbone.js

Вы можете увидеть часть моего кода ниже. Модель:

var Todo = Backbone.Model.extend({ 
    defaults : { 
     title: 'Task Title', 
     complete: false 
    }, 
    initialize: function(){ 
     this.on("change:complete", function() { 
      alert("foo"); 
     }); 
    } 
}); 

Вид:

var AppView = Backbone.View.extend({ 
     collection: todoCollection, 
     el: 'body', 
     events: { 
      'click #tasks li .complete-task' : 'toggleComplete' 
     } 
     toggleComplete: function (e) { 
      var modelCid = $(e.target).parent('li').attr('id'); 

      if (this.collection.get(modelCid)['complete']){ 
       this.collection.get(modelCid)['complete'] = false; 
      } else { 
       this.collection.get(modelCid)['complete'] = true; 
      }; 
     } 
    }); 

Но что-то работает неправильно и изменить событие в модели не работает. Я не могу понять, где у меня ошибки. Помогите мне, пожалуйста. 10q.

Answer 1

В соответствии с Backbone Documentation:

Setmodel.set(attributes, [options])

Установите хэш атрибутов (один или много) на модели. Если какой-либо из атрибутов изменит состояние модели, событие «изменения» будет запущено на модели. Также активируются события изменения для , и вы можете привязать их к , например: change: title и change: content. Вы также можете передать отдельные ключи и значения.

Для этого необходимо использовать метод set, чтобы эти события были уволены. Таким образом, вы должны были бы использовать что-то вроде этого:

this.collection.get(modelCid).set('complete',false);