How to know when a Backbone model.fetch() completes?

javascript backbone.js backbone-events backbone-model
user1031947 picture user1031947 · Feb 17, 2013 · Viewed 11.1k times · Source

I bind on the change event of my backbone models like this.

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

Sometimes I want to fetch the latest version of the model and forcibly render the view. So I do this

this.model.fetch();

Unfortunately model.fetch() only fires the change event if the new data is different from what was previously stored in the model.

How can I always trigger a this.render callback when fetch completes, whether it triggers a change event or not?

Thanks (in advance) for your help

Answer

Ben picture Ben · Feb 17, 2013

You can use the $.ajax success callback, but you can also just listen for the Backbone sync and error events on the model. sync fires after a successful call to the server, error fires after a failed call to the server.

this.model.on('sync', this.render, this);
this.model.on('error', this.handleError, this);

Related questions

Correct way of binding multiple attribute changes to a Backbone.js model

I have the following code, where I bind a change to a single attribute "attribute_1". var Mine = Backbone.Model.extend({ initialize: function() { this.bind("change:attribute_1", function() { console.log('changed!'); }); } }); How do I bind two attributes? This doesn't work: …

Read More
Backbone View: Inherit and extend events from parent

Backbone's documentation states: The events property may also be defined as a function that returns an events hash, to make it easier to programmatically define your events, as well as inherit them from parent views. How do you inherit a …

Read More
Backbone.js - using trigger to trigger event and pass data

I'm writing a tab menu component using backbone.js as an MVC framework. When a user clicks on a tab, the component will switch tabs (internal operation), but then I would like listeners of the component to respond to the …

Read More