0

我有以下主干视图:

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

4

1 回答 1

1

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

在问题列表视图中:

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

在 QuestionItemView 中:

initialize: function () {
    this.render();
}
于 2013-09-08T04:37:32.323 回答