Backbone render setTimeOut

Question

У меня странная проблема с моим приложением. Когда я создаю коллекцию, она была «пустой», если я печатаю ее, но когда я консолью. В этой коллекции внутри коллекции есть два массива twho внутри моделей. Ну это мой сценарий:

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'text!templates/folder.html', 
    'models/folder', 
    'collections/folder', 
    ], function($, _, Backbone, FolderTemplate, FolderModel, FolderCollection){ 
    var FolderView = Backbone.View.extend({ 
     el:$('#folder'), 
     template:_.template(FolderTemplate), 

     initialize: function(){ 
      this.render(); 
     }, 
     render: function(){ 
      console.log(this.collection.models); 
     } 
    }); 

    return FolderView; 
}); 

назвать вид я использую его в другое приложение:

this.folders = new FolderCollection(); 
this.folders.fetch({ data: { dir: 'uploads'} }); 
this.foldersView = new FolderView({collection: this.folders}); 

С помощью этого приложения console.log(this.collection.models); пуст Но если я сделаю что-то подобное с SetTimeout это работает так console.log вернуть мне правильные массивы:

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'text!templates/folder.html', 
    'models/folder', 
    'collections/folder', 
    ], function($, _, Backbone, FolderTemplate, FolderModel, FolderCollection){ 
    var FolderView = Backbone.View.extend({ 
     el:$('#folder'), 
     template:_.template(FolderTemplate), 

     initialize: function(){ 
      var here = this; 
      setTimeout(function(){ 
        here.render(); 
      },800); 
     }, 
     render: function(){ 
      console.log(this.collection.models); 
     } 
    }); 

    return FolderView; 
}); 

Как я могу использовать this.render() без setTim eOut, потому что я думаю, что это неверно или не логично делать что-то подобное.

Благодаря

Answer 1

Попробуйте с этим:

initialize: function(){ 
    var self = this; 
    this.collection.fetch({ 
    success: function(){ 
     self.render(); 
    } 
    }); 
} 

Answer 2

Причина вы того, чтобы сделать это, потому что this.folders.fetch занимает много времени. Вместо того, чтобы устанавливать тайм-аут, вместо этого вы должны использовать events. Collection.fetch пожарит change событие на успех.

Таким образом, вместо того, чтобы рассмотреть что-то вроде:

this.collection.on("change", this.render); 

Answer 3

Вы можете слушать reset событие, которое будет вызывать render метод

Заменить

initialize: function(){ 
    var here = this; 
    setTimeout(function(){ 
    here.render(); 
    },800); 
}, 

с

initialize: function(){ 
    this.listenTo(this.collection, 'reset', this.render); 
},