在Backbone.js中显示视图中的集合数据

时间:2013-05-16 03:50:49

标签: backbone.js backbone-views backbone-collections

我是backbone.js的新手。我有2个javascript文件。 1表示收集,1表示查看。

**collection.js**

var colle = Backbone.Collection.extend({

    initialize: function () {
        var data = [
        { Name: "a", Image: "path1" },
        { Name: "b", Image: "path2" },
    ];
    }
});

和我的view.js是

var View = Backbone.View.extend({

    initialize: function () {
        this.collection = colle;

    },

    render:function(){
            //How can I access that data here ?
    }

});


var view1 = new View();

如何在View中访问我的收藏数据?

谢谢。

1 个答案:

答案 0 :(得分:1)

首先,您需要一个集合的实例 - 当前您已经将colle定义为Backbone集合的构造函数,而您现在需要的是一个实例:

var myCollection = new colle(); // convention is to use uppercase when defining your constructor

然后,在实例化视图时传递对集合的引用:

var view1 = new View({ collection: myCollection });

然后,在您的视图中,您可以使用this.collection引用您的集合:

render: function () {
    // reference your collection using this.collection here
}

如果您可以更具体地了解您想对集合做什么,我可以扩展示例以演示更有用的内容。