Backbone.js - getting id from collection create

Question

I am adding a model to a collection using the create method and the api is responding just fine. The model seems to have been properly returned and see the console.dir( resp ); which is what I was looking for. However, when I try to access runningorderid, which is the id as defined with idAttribute, the response is null. I presume this is something to do with the async nature of the response, but I don't know how to deal with it.

var resp = window.app.RunningOrderCollection.create(
        { runningorderid: null, listitemid: 1, starttime: n} , 
        { wait: true }
);
console.dir( resp );
console.dir( resp.get("strt") );
console.dir( resp.id );

screenscape of problem

You already have answers to your question. But for expose an explanation about why `console.log` is showing the `id` when it is still not there: http://stackoverflow.com/a/9912865/316700 — fguillen, Jul 24 '12 at 10:01

score 2 · Accepted Answer · answered Jul 24 '12 at 09:54

collection.create, as all methods related to server requests, is indeed asynchronous. In your case, you could listen to the sync event to get the desired result.

From http://backbonejs.org/#Collection-create

Creating a model will cause an immediate "add" event to be triggered on the collection, as well as a "sync" event, once the model has been successfully created on the server.

For example:

resp.on('sync', function(model) {
  console.dir( resp );
  console.dir( resp.get("strt") );
  console.dir( resp.id );
});

great, getting a better understanding of this now. – Joe Jul 24 '12 at 10:29 — Joe, Jul 24 '12 at 10:29

score 2 · Answer 2 · answered Jul 24 '12 at 09:57

To circumvent the async nature of the server-operations of collections and models, bind the actions to be taken after the operations to the events that are triggered when those operations are finished. For example the backbone.js documentation has the following to say about Collection's create-function:

Creating a model will cause an immediate "add" event to be triggered on the collection, as well as a "sync" event, once the model has been successfully created on the server. Pass {wait: true} if you'd like to wait for the server before adding the new model to the collection.

So, you have passed {wait: true}, so the collection will trigger an add event when the model has been created on the server and added to the collection. With this logic:

window.app.RunningOrderCollection.on('add', function(resp) {
  console.dir( resp );
  console.dir( resp.get("strt") );
  console.dir( resp.id );
});
var model = window.app.RunningOrderCollection.create(
  { runningorderid: null, listitemid: 1, starttime: n} , 
  { wait: true }
);

Check out the exellent catalog of events in the backbone.js documentation for more info!

Hope this helps!

Backbone.js - getting id from collection create

2 Answers2

Linked