骨干模型listenTo self

Question

我正在尝试在我的模型中对自身进行 listenTo 绑定，但无法使其正常工作。我不确定我做错了什么：

initialize: function() {
  this.listenTo(this, "change:projectData", this.processData);
}

setProject: function(id) {
  //do async call and get someData variable
  this.set('projectData', someData);
}

processData: function(data) {
  debugger; //not triggering
}

Answer 1

目前，您的视图/模型仅侦听名为“change:projectData”的事件（尽管documentation suggests otherwise。我也无法使其工作），而不是更改事件本身。要让它监听特定事件，您必须将 this.trigger("change:projectData"); 添加到 setProject-function。

initialize: function() {
  this.listenTo(this, "change:projectData", this.processData);
}

setProject: function(id) {
  this.set('projectData', someData);
  this.trigger("change:projectData");
}

processData: function(data) {
  debugger; //not triggering
}

我强烈建议您使用listenTo 而不是任何其他jQuery 事件侦听器，因为它使一次解除所有事件侦听器的绑定更加容易和安全。当您想停止收听时，只需拨打this.stopListening();，您应该不会出现内存泄漏。

Answer 2

你需要触发事件change:projectData

所以这段代码：

setProject: function(id) {
  //do async call and get someData variable
  this.set('projectData', someData);
}

应该是这样的：

setProject: function(id) {
   //do async call and get someData variable
   this.trigger('change:projectData', someData);
   //or Backbone.trigger(...)
}

文档：http://backbonejs.org/#Events-trigger