Backbone.js – data not being populated in collection even though fetch is successful

by

fetch is asynchronous, your collection won’t yet be populated if you immediately call render. To solve this problem, you just have to bind the collection reset event (sync event for Backbone>=1.0) to the view render :

theView = Backbone.View.extend({
   el: $("#temp"),

   initialize: function () {
       this.collection = new theCollection();

       // for Backbone < 1.0
       this.collection.on("reset", this.render, this);

       // for Backbone >= 1.0
       this.collection.on("sync", this.render, this);

       this.collection.fetch();
   },

   render : function () {
    console.log( this.collection.toJSON() );
   }
});

Note the third argument of the bind method, giving the correct context to the method:
http://documentcloud.github.com/backbone/#FAQ-this

More Related Contents:

  1. Ways to save Backbone.js model data?
  2. Convert JSON to array in Javascript
  3. How to use JSON from instagram API?
  4. Traverse all the Nodes of a JSON Object Tree with JavaScript
  5. Is it not possible to stringify an Error using JSON.stringify?
  6. Convert array to JSON
  7. How to pass json POST data to Web API method as an object?
  8. jQuery.parseJSON throws “Invalid JSON” error due to escaped single quote in JSON
  9. variable scope in d3 javascript
  10. SyntaxError: Unexpected token o in JSON at position 1
  11. How to serialize DOM node to JSON even if there are circular references?
  12. Parsing JSON giving “unexpected token o” error [duplicate]
  13. How to get object length [duplicate]
  14. Merge keys array and values array into an object in JavaScript
  15. JSON Stringify changes time of date because of UTC
  16. Generate (multilevel) flare.json data format from flat json
  17. How do I encode a JavaScript object as JSON?
  18. Angular 2 pipe that transforms JSON object to pretty-printed JSON
  19. correctly implement backbone comparators
  20. Error “Uncaught SyntaxError: Unexpected token with JSON.parse”
  21. JSON stringify a Set
  22. How to find an appropriate object in array by one of its properties
  23. Parse json in javascript – long numbers get rounded
  24. Typescript compiler error when importing json file
  25. How to create json by JavaScript for loop?
  26. Remove key-value pair from JSON object
  27. How to restore original object/type from JSON?
  28. Cross-Origin resource sharing and file://
  29. Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’
  30. Process a continuous stream of JSON

Leave a Comment