Backbone.js - How to get an array of object literals out of a collection?

javascript backbone.js backbone.js-collections
professormeowingtons picture professormeowingtons · Apr 8, 2013 · Viewed 14.1k times · Source

I'm trying to keep an array of object literals in sync with server data. These objects are being placed on a Google map via backbone.googlemaps extension.

I have a collection:

var LocationList = Backbone.Collection.extend({ model: Location, url: '/locations' })

How can I grab an array of object literals from this LocationList collection? My goal is such:

[{name: "Home", address: "123 Pleasant St"}, {name: "Work", address: "123 Unpleasant St"}]

Answer

Cubed Eye picture Cubed Eye · Apr 8, 2013

You are looking for the .toJSON() method of the collection, see here:

var locations = new LocationList();

locations.toJSON();

Related questions

How to find a model from a collection according to some attribute other than the ID?

I have a model with several object: //Model Friend = Backbone.Model.extend({ //Create a model to hold friend attribute name: null, }); //objects var f1 = new Friend({ name: "Lee" }); var f2 = new Friend({ name: "David"}); var f3 = new Friend({ name: "Lynn"}); …

Read More
Backbone.js collection options

I have written a model/view/collection using Backbone.js. My collection uses the fetch method to load the models from a remote server. The url required for this collection needs an id like: messages/{id}. But I have found …

Read More
Collection add event listener in Backbone

I am trying to update my view whenever I add a new model to my collection. My first question is do I automatically add a model to my collection when I save that model, like: PostsApp.Views.Form = Backbone.View.…

Read More