using Backbone.Collection.get(id) restfully - collections

Question

It seems like at the moment when I call get on a backbone.js collection, it passes the id by cookie rather than restfully passing into my GET method. In the Request Header it's coming up like this:
Cookie:posts=ag5kZXZ-c29jcmVuY2h1c3IOCxIIUG9zdExpc3QYAQw;
dev_appserver_login="test100#example.com:False:114323764255192059842"
This is what I have:
The get call:
postCollection.get(id)
and the get method:
def get(self, id):
I want to use the id in the get method rather than having to use the cookie.

Answer 1

Probably the best way to accomplish this is something like the following.
var model = collection.get(id);
// If the model is not present locally..
if (!model) {
// Add empty model with id.
model = collection.add([{id: id}]);
// Populate model attributes from server.
model.fetch({success: successCallback, error: errorCallback });
}
collection.get(id) shouldn't be making a request to the backend.

Answer 2

Here's another take on it. Rather than creating a mostly empty model and then adding attributes to it from the server after fetch, you could do what i pasted below. One thing to think about with the above example, if you create a model and then try to fetch that ID from the server and it doesn't exist, you'll have to clean it up. The code below will save you that step.
myModel = Backbone.Model.extend({
url : function() {
/*
create _ POST /model
read _ GET /model[/id]
update _ PUT /model/id
delete _ DELETE /model/id
*/
return this.id ? '/model/' + this.id : '/model';
},
});
myCollection = Backbone.Collection.extend({
model: myModel,
url: function() {
return '/model';
},
comparator: function(model) {
return model.get("foo");
},
getOrFetch: function(id) {
var model = this.get(id) || this.getByCid(id);
if (model) return model;
var url = this.url() +"/"+ id
return new this.model().fetch({url:url});
}
});
var mc = new myCollection(new myModel({foo:"bar"}));
mc.getOrFetch(1)