添加到集合时修改模型的主干方式是什么？

Question

我的模型有一个index 属性，默认为null，但应该由集合设置，当添加到它时。这是我最初想到的，但没有奏效。

var model = Backbone.Model.extend({
    defaults: {
        index: null,
        // ...
    },
    // ...
});

var collection = Backbone.Collection.extend({
    // ...
    add: function(model) {
        model.set({ index: this.size() });
        return model;
    },
    comparator: function(model) {
        return model.get('index');
    },
    // ...
});

但是，这不起作用。它抛出错误TypeError: model.set is not a function。什么是正确的方法或我有什么选择？

Answer 1

您不应该真的为此重写 add 方法。

The documentation statesadd 事件会在集合中添加模型时触发。您可以收听此事件并做任何您需要做的事情。

在event catalog 中，您可以看到add 事件处理程序将接收添加的模型作为第一个参数，因此您可以执行以下操作：

var collection = Backbone.Collection.extend({
    initialize: function() {
        this.on('add', function (model) {
            model.set({ index: this.size() });
        }, this);
    },
    //...
});

如果您还想在传递给构造函数的模型上运行它，请执行以下操作：

var collection = Backbone.Collection.extend({
    initialize: function(models) {
        _(models).each(function (model, i) {
            model.set({ index: i });
        });

        this.on('add', function (model) {
            model.set({ index: this.size() });
        }, this);
    }
});