javascript - 将模型添加到 Backbone.Collection 不刷新 View

Question

我正在开始使用 Backbone，这是我位于 jsfiddler 上的代码:

http://jsfiddle.net/KZyeV/2/

正如您在单击按钮时看到的那样，我正在尝试添加车辆:

 addVehicle: function(){
        console.log(this.collection);
        this.collection.add({Color:'black', Type: 'bicycle'});
        //this.render(); why do I have to again call render? without this it doesn't work.
    }

但由于某种原因，除非我调用 this.render();，否则它不会更新 View 。这是正确的方法吗？我曾与 Knockout 合作过，但事实并非如此。当模型更新时， View 会自动更新，但由于某种原因， View 不会在此处更新。

Answer 1

只需添加:

initialize: function(){            
    this.template = _.template($('#vehicleItemTemplate').html());
    this.collection.bind("reset", this.render, this);
    this.collection.bind("add", this.render, this);
},

Backbone 不会自动对集合更改使用react。如果您想要这样，请研究像 Marionette.js(构建在 Backbone 之上)这样的库。