将多个属性更改绑定到Backbone.js模型的正确方法

时间:2011-11-25 00:54:18

标签: javascript backbone.js backbone-events backbone-model

我有以下代码,我将更改绑定到单个属性“attribute_1”。

var Mine = Backbone.Model.extend({
  initialize: function() {
    this.bind("change:attribute_1", function() {
      console.log('changed!');
    });
  }
});

如何绑定两个属性?这不起作用:

var Mine = Backbone.Model.extend({
  initialize: function() {
    this.bind("change:attribute_1, change:attribute_2", function() {
      console.log('changed!');
    });
  }
});

这也不是:

var Mine = Backbone.Model.extend({
  initialize: function() {
    this.bind("change:attribute_1 change:attribute_2", function() {
      console.log('changed!');
    });
  }
});

2 个答案:

答案 0 :(得分:80)

从Backbone.js 0.9.0开始,bind()函数(已renamed to on())支持以空格分隔的事件列表:

model.on("change:title change:author", ...)

// equivalent to

model.bind("change:title change:author", ...)

答案 1 :(得分:24)

我不知道是否存在这样的“批量绑定”功能(你可以为它打开一个功能请求,看起来很有用)。

您可以单独绑定它们:

var Mine = Backbone.Model.extend({
  initialize: function() {
    var listener = function() { console.log('changed'); };
    this.bind("change:attribute_1", listener);
    this.bind("change:attribute_2", listener);
  }
});

或者您可以收听所有更改(然后在侦听器中过滤):

var Mine = Backbone.Model.extend({
  initialize: function() {
    var listener = function() { console.log('changed'); };
    this.bind("change", listener);
  }
});