Backbone.Collection.Create 未在视图中触发“添加”

希望这是一个简单的问题。我正在努力学习骨干，但我坚持做一件非常简单的事情。当我使用 create 方法更新集合时，视图上的渲染永远不会被调用。我认为这应该在不显式调用 render 的情况下发生。我没有加载任何动态的东西，在这个脚本触发之前它都在 dom 中。单击事件工作得很好，我可以将新模型添加到集合中，但视图中的渲染永远不会触发。

$(function(){

window.QuizMe = {};

// create a model for our quizzes
QuizMe.Quiz = Backbone.Model.extend({
// override post for now
"sync": function (){return true},

});

QuizMe._QuizCollection = Backbone.Collection.extend({
model: QuizMe.Quiz,
});

QuizMe.QuizCollection = new QuizMe._QuizCollection

QuizMe.QuizView = Backbone.View.extend({

el:$('#QuizMeApp'),

template: _.template($('#quizList').html()),

events: {
  "click #addQuiz" : "addQuizDialog",
},

initialize: function() {
// is this right?
  _.bindAll(this,"render","addQuizDialog")
  this.model.bind('add', this.render, this);

},

addQuizDialog: function(event){
  console.log('addQuizDialog called')
  QuizMe.QuizCollection.create({display:"this is a display2",description:"this is a succinct description"});  
},

render: function() {
  console.log("render called")
},
});

QuizMe.App = new QuizMe.QuizView({model:QuizMe.Quiz})

});

你的问题是你绑定到model:

this.model.bind('add', this.render, this);

但你要添加到收藏:

QuizMe.QuizCollection.create({
    display:     "this is a display2",
    description: "this is a succinct description"
});

视图通常具有关联的集合或模型，但不能同时具有两者。如果你想要你的QuizView列出已知的测验：

1. 你可能应该称之为QuizListView或类似的东西。
2. 创建一个新的QuizView显示单个测验；这个观点会有一个模型。
3. 返工你的QuizListView与集合一起工作。

你最终应该得到这样的结果：

QuizMe.QuizListView = Backbone.View.extend({
    // ...
    initialize: function() {
        // You don't need to bind event handlers anymore, newer
        // Backbones use the right context by themselves.
        _.bindAll(this, 'render');
        this.collection.bind('add', this.render);
    },
    addQuizDialog: function(event) {
        this.collection.create({
            display:     "this is a display2",
            description: "this is a succinct description"
        });
    },
    render: function() {
        console.log("render called")
        // And some stuff in here to add QuizView instances to this.$el
        return this; // Your render() should always do this.
    }
});

QuizMe.App = new QuizMe.QuizView({ collection: QuizMe.QuizCollection });

并注意后面的逗号render，较旧的 IE 对此感到不安并导致难以追踪的错误。

我会给你一个快速演示但是http://jsfiddle.net/目前已关闭。当它回来时，你可以开始http://jsfiddle.net/ambiguously/RRXnK/为了发挥作用，该小提琴已经设置了所有适当的 Backbone 内容（jQuery、Backbone 和 Underscore）。