How to wait to render view in backbone.js until fetch is complete?

Question

I'm trying to understand how a portion of backbone.js works. I have to fetch a collection of models once the app begins. I need to wait until fetch is complete to render each view. I'm not 100% sure the best approach to take in this instance.

var AppRouter = Backbone.Router.extend({     routes: {         "": "home",         "customer/:id": "customer"      },      home: function () {         console.log("Home");     },      customer: function (id) {         if (this.custromers == null)             this.init();          var customer = this.customers.at(2); //This is undefined until fetch is complete. Log always says undefined.         console.log(customer);     },      init: function () {         console.log("init");         this.customers = new CustomerCollection();         this.customers.fetch({             success: function () {                 console.log("success");                  // I need to be able to render view on success.             }         });         console.log(this.customers);     } });     

Answer 1

The method I use is the jQuery complete callback like this:

var self = this; this.model.fetch().done(function(){   self.render(); }); 

This was recommended in a Backbone bug report. Although the bug report recommends using complete, that callback method has since been deprecated in favor of done.