0

我是 Backbone.js 的新手，并且在集合视图方面遇到了一些问题。这是我正在尝试做的事情：

var customersCollection = new _App.Collections.Customers();
var customersView = new _App.Views.Customers({collection: customersCollection});
customersView.render();

这是一个观点 - 我不明白为什么我不能迭代集合：

_App.Views.Customers = Backbone.View.extend({
    render: function() {
        console.log('Here is my collection');
        console.log(this.collection);
        console.log('Now lets iterate over it...');
        _.each(this.collection, function(item) {
            console.log(item);
        }, this);
        console.log('...done');
        return this;
    }
});

我在 chrome 控制台中看到的内容：

Here is my collection
child {length: 0, models: Array[0], _byId: Object, constructor: function, url: "/admin/customers/latest.json"…}
    _byId: Object
    length: 5
    models: Array[5]
    __proto__: Surrogate
Now lets iterate over it...
...done

所以我不明白为什么我可以看到一个集合但不能每个都超过它。谢谢

// 解决了

我找到了为什么会发生这种情况。完全错过了 .fetch() 是异步的，所以当调用 render() 时，数据仍然不存在于集合中。这段代码现在对我有用，所以我可以继续使用模板等

_App.Views.Customers = Backbone.View.extend({
    initialize: function() {
        this.collection = new _App.Collections.Customers();
        this.collection.on('sync', this.render, this);
        this.collection.fetch();
    },
    render: function() {
        this.collection.each(function(item) {
            console.log(item);
        });
        return this;
    }
});

new _App.Views.Customers();

问候， 尼古拉

4

1 回答 1

1

你没有_.each正确使用。

应该：

 _.each(this.collection.models, function(item) {
   console.log(item);
 },this);

或者更好：

 this.collection.each(function(item) {
   console.log(item);
 });
于 2013-08-23T22:52:30.133 回答