backbone.js - 如何监听数组子模型的值变化

Question

我有一个模型定义如下。

var A = Backbone.Model.extends({
    initialize: function(){
       this.on('change:users.name',this.onUserNameChanged)
    },
    onUserNameChanged: function(){ alert('name changed')
});
var a = new A ({
   id:1,
   name:'test',
   users:[
   {
      id:2,
      name:'u1'
   },
   {
      id:3,
      name:'u4'
   }
  ]
  })

我想在模型定义中的每个用户名更改上添加事件。我不知道这样做。这对我来说似乎很难。

Answer 1

您似乎无法通过操作 Backbone 模型数组成员来获取更改事件，如下所述：

骨干js-set-model-array-property

您最好的选择是设置整个数组并监听一个change:users事件，甚至更好 - 提出一个不同的模型，该模型具有一个 Backbone 集合，供用户在操作时获取事件：

var A = Backbone.Model.extend({
    initialize: function (options) {
        _.extend(this, options);
    }
});
var Users = Backbone.Collection.extend({
    initialize: function () {
        this.on('change:name', function () {
            alert('name changed');
        });
    }
});

var a = new A({
    id: 1,
    name: 'test',
    users: new Users([{
        id: 2,
        name: 'u1'
    }, {
        id: 3,
        name: 'u4'
    }])
});

a.users.get('2').set('name', 'u2');