0

我有一个要在视图中呈现的主干集合。JSON 数据似乎是正确的,但是我无法从视图中访问这些值。

这是基本集合:

define(['backbone', 'BaseModel'], function(Backbone, BaseModel) {

    var BaseCollection = Backbone.Collection.extend({

         model: BaseModel,
         url: "/collection/get?json=true",

         initialize: function() {}
    });

    return BaseCollection;

});

这是视图:

define(['backbone', 'BaseCollection'], function(Backbone, BaseCollection) {

    var BaseView = Backbone.View.extend({

        el: $('#baseContainer'),
        template: _.template($('#baseTemplate').html()),

        initialize: function() {
            _.bindAll(this);
            this.collection = new BaseCollection();
            this.collection.bind('all', this.render, this);
            this.collection.fetch();
        },
        render: function() {   

            //This returns 3 objects which is correct based on the JSON data being returned from the server
            console.log(this.collection.toJSON());

            var html = this.template(this.collection.toJSON());
            this.$el.html(html);
            return this;
        },

    });

    return BaseView;

});

我想我需要遍历this.render集合中的每个模型。但是,我不确定,因为在完成所有迭代之前它不应该“渲染”。

任何建议都会很棒!谢谢!

4

1 回答 1

4

您需要通过名称授予模板访问模型的权限。当你这样做时:

var html = this.template(this.collection.toJSON());

您最终将数组传递给template函数,该函数通常需要一个上下文对象(名称/值对)。试试这个:

var html = this.template({collection: this.collection});

然后在您的模板中,您可以使用collection.each迭代器函数或任何用于迭代/过滤/映射/等的下划线实用程序方法来迭代它们。我还建议在让您的模板访问集合时不要使用 toJSON,因为它会使您的数据更笨拙且更难处理。toJSON最好在您发出 HTTP 请求时使用。

于 2012-06-27T20:24:23.067 回答