Question

我有以下Backbone视图：

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函数中创建模型。但是，这不起作用，因为没有及时填充集合以给模型视图提供模型。

Answer 1

在集合视图的initialize方法中侦听集合的重置事件，然后在每个QuestionItemView的initialize方法中调用render。重置火灾时，该集合将准备就绪。

问题列表中的

：

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

QuestionItemView中的

：

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

构建一个Backbone集合视图，用于保存它呈现的模式视图

1 个答案: