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

Question

我是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 中访问我的 Collection 数据？

谢谢你。

Answer 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
}

如果您可以更具体地说明您想对您的收藏做什么，我可以扩展该示例以展示一些更有用的东西。