Backbone collection.add 不起作用

Question

我有一个非常基本的设置，如下所示：

var MusicModel = Backbone.Model.extend({});
var PlaylistCollection = Backbone.Collection.extend({
    model: MusicModel,
    events: {'add':'add'},
    add: function(mdl){
        //This is working perfectly fine even output of model
        console.log(mdl);
    }
});
var playlistCollection = new PlaylistCollection();
playlistCollection.add(new Music(data));

模型实际上并未添加到集合中。如果我尝试使用 Chrome 控制台并输入 playlistCollection.length它将输出 0，playlistCollection.models 将输出 [] .

知道我做错了什么吗？

Answer 1

Backbone 中的集合已经有一个 add 方法。通过编写自己的方法，可以屏蔽基方法并防止正常行为：将模型插入集合中。将方法重命名为其他名称或调用基方法来解决您的问题：

var PlaylistCollection = Backbone.Collection.extend({
    model: MusicModel,
    add: function(model, opts){
        Backbone.Collection.prototype.add.call(this, model, opts);
        console.log(model);
    }
});

http://jsfiddle.net/nikoshr/WPrTu/