7

我正在尝试迭代通过集合获取的模型。

我有以下代码:

initialize: function() {
                this.collection = new UserCollection();
                this.collection.fetch();
                this.render();
            },

            renderCollection: function() {
                console.log("rendering collection");
                this.collection.each(function(index,model){
                    console.log("model"); 
                });
                console.log(this.collection);
            },

render: function() {
                this.template = _.template(template, {});
                this.$el.html(this.template);
                // some other stuff
                this.renderCollection();
}

和结果:

rendering collection

d {models: Array[0], length: 0, _byId: Object, constructor: function, model: function…}
_byId: Object
_idAttr: "id"
length: 4
models: Array[4]
0: d
_changing: false
_events: Object
_pending: false
_previousAttributes: Object
attributes: Object
created: "2013-02-13 09:22:42"
id: "1"
modified: "2013-02-13 09:22:42"
role: "admin"
username: "email@gmail.com"
__proto__: Object
changed: Object
cid: "c5"
collection: d
id: "1"
__proto__: e
1: d
2: d
3: d
length: 4
__proto__: Array[0]
__proto__: e
 user_list.js:25

所以 fetch 方法确实有效 - 在对象转储中我可以找到 4 条记录,但迭代集合不起作用......

4

2 回答 2

20

each在收集上做model自己作为一个argument.

尝试这个:

this.collection.each(function(model){
  console.log(model); 
});

它应该为您model提供当前迭代的。

于 2013-02-13T13:01:04.110 回答
8

根据您提供的输出,看起来没有打印任何“模型”。这可能是由于在.each()执行块时this.collection可能尚未完全获取。这是由于 JavaScript 的异步特性。

在你的初始化方法中试试这个:

initialize: function() {
    var me = this;
    this.collection = new UserCollection();
    // Listen to 'reset' events from collection, so when .fetch() is completed and all
    // ready to go, it'll trigger .render() automatically.
    this.listenTo(this.collection, 'reset', this.render);
    this.collection.fetch();
},

处理此问题的另一种方法是在 fetch 上添加成功处理程序,但我认为在这种情况下监听重置事件就足够了。

希望这可以帮助!

顺便说一句,就像 Cyclone 所说,.each 的处理程序应该只是一个没有索引的模型。:)

于 2013-02-13T13:11:01.433 回答