2

我有一个包含两个对象的父主干模型。

(1) Backbone Models 数组

(2) 一个字符串

如果我绑定到父级，设置字符串的值会触发更改事件，但是在模型数组中的一个模型的属性上调用 set 不会触发父级的更改事件。

如何解决此问题，以便对数组中任何模型的任何更改都会触发父母更改事件？

编辑——按要求添加代码

var myModel = Backbone.Model.extend(
  {
    defaults : {
      models : [],
      aString: 'foobar'
    }
  }
);
var foo = new myModel();
var arrayElement = Backbone.Model.extend({x: 7});
var arrayElement1 = new arrayElement({x: 7});
foo.set('models', [arrayElement1]);
foo.bind('change', function() { console.log('changed!')});
arrayElement1.set('x', 10);  //Does not trigger console log
foo.set('aString', 'barfoo'); //Does trigger console log
4

1 回答 1

4

骨干模型不会将任何内容绑定到它们的属性，因此foo无法知道您正在更改其背后的属性之一。所以，当你这样做时：

foo.set('models', [some_other_model]);
some_other_model.set(...);

你实际上根本没有改变foo，你所做的只是foo直接改变了 's 的一个属性。模型的属性可以是任何东西，模型只是将它们视为不透明的 blob。你会遇到类似的问题：

o = { a: 'b' };
m.set('p', o);
o.a = 'c';

在这两种情况下，您都是通过引用而不是通过模型的接口直接更改模型的属性。

另一方面，集合确实在其模型上侦听事件。集合是模型的集合，因此它们希望其成员成为模型并相应地表现。

如果您想要一个包含的模型来传播'change'事件，那么您可能必须自己通过重写set来手动绑定更改处理程序来传播事件。您还可以使用内部集合而不是数组来更轻松地传播事件。

您的defaults. 默认值被复制到新的模型实例，但副本是浅拷贝，因此您的模型最终将共享对数组的相同引用，除非明确set替换引用。例如，这个：

var M = Backbone.Model.extend({
    defaults: {
      a: []
    }
});
var m1 = new M();
m1.get('a').push('pancakes');
console.log(M.prototype.defaults.a);
var m2 = new M();
console.log(m2.get('a'));

将两个['pancakes']放在控制台中，因为m1.get('a')将返回M.prototype.defaults.a而不是特定于的新空数组：http m1: //jsfiddle.net/ambiguous/AraCu/ ​</p>

于 2012-06-04T18:27:25.083 回答