构建一个保存其呈现的模式视图的 Backbone 集合视图答案

【问题标题】：Building a Backbone collection-view that saves the mode-views it renders构建一个保存其呈现的模式视图的 Backbone 集合视图
【发布时间】：2013-09-08 00:58:06
【问题描述】：

我有以下主干视图：

var app = app || {};

app.QuestionListView = Backbone.View.extend({
    tagName: 'ul',

    initialize: function() {
        this.listenTo(this.collection, 'sync', this.render);
    },

    render: function(e) {
        this.collection.each(function(model) {
            var q = new app.QuestionItemView({model: model});
            q.render();
        });
    }
});

我正在尝试迭代它的集合并为集合中的每个模型插入一个列表元素。我现在实现它的方式，每次集合视图呈现时，它都必须重新创建每个模型视图。我将如何实现它，以便在创建模型视图后，它们只会呈现而无需重新初始化或重新获取它们链接到的模型？

我最初的尝试是在initialize 函数中创建模型。但是，这不起作用，因为没有及时填充集合以向模型视图提供模型。

【问题讨论】：

标签： javascript jquery html backbone.js views

【解决方案1】：

在集合视图的初始化方法中侦听集合的重置事件，然后在每个 QuestionItemView 的初始化方法中调用渲染。当重置触发时，集合将准备就绪。

在 QuestionListView 中：

initialize: function () {
    this.listenTo(this.collection, 'reset', this.render);
}

在 QuestionItemView 中：

initialize: function () {
    this.render();
}

【讨论】：