0

我有一个视图，它正在对集合执行 fetch() 并从服务器返回一些模型。

ProductsView = Backbone.View.extend({

    initialize: function() {
        _.bindAll(this, 'render');
        this.collection = new ProductCollection();
        this.collection.fetch({data: {limit : this.options.limit}});

        console.log(this.collection);

        this.render();
    },
    render: function() {

        var template = _.template( $("#product-template").html(), this );
        $(this.el).html( template );
        return this;
    }
});

在上面的 console.log 中，我看到这样的对象：

products.view.js:13
d
_byCid: Object
_byId: Object
length: 7
models: Array[7]
__proto__: x

就在models那里，但是当我这样做时，console.log(this.collection.models)它只显示[]在模型内部是一个像这样的对象数组：

models: Array[7]
0: d
1: d
2: d
3: d
4: d
5: d
6: d

其中每一个都attributes带有返回的值。

this.collection.models任何想法为什么在我使用或使用时模型不会显示get()也不起作用。

非常感谢！

4

1 回答 1

6

一般this.collection.fetch({data: {limit : this.options.limit}})是异步操作，所以你下一行不一定要打印正确的内容collection。

相反，您应该使用success和error回调该fetch方法作为其options参数的一部分提供（或侦听集合的change事件），如下所示：

this.collection.fetch(
    { 
        data: { limit : this.options.limit },
        success : function(collection, rawresponse) { 
            // do something with the data, like calling render 
        }
    }
);

为了完整起见：

this.collection.on('change', function(){ // some handling of the data };
this.collection.fetch();

是基于事件的方法。

于 2012-04-07T04:22:35.083 回答