Backbone - sync doesn't detect my collection url

Question

I have an albums and songs relationship. In the new album view I'm asking for the songs at the same time, I'm trying to save the album model first and then save the song collection and attach it to the album.

My song collection definition:

define(function(require){
   var Song = require('models/songModel');

   Songs = Backbone.Collection.extend({
     url: 'songs/',         
     model: Song,           
   });

   return Songs;
});

I create my song collection like this:

this.songCollection = new Songs();
//In some other view that saves the songs files and returns a hash
that.songCollection.add({title:file.name,song_file:response['file_hash']});

Then I save my album model and in success try to save the songs collection adding the new album pk to all the models in the song collection:

that = this;
this.model.save(null,{                                 
    success: function(model,response){
       that.songCollection.each(function(song){                                                                                                     
          song.set('album',model.get('id'));
       });
       that.songCollection.sync('create');                                    
    },               
    error: function(response){                         
       console.log(response);                         
    }
 });

However it returns a A 'url' property or function must be specified, but I do have it specified as you can see previously. I also tried to log it before the sync call and it returns the url properly. I'm I missing something in the process? Or I can't create all those new songs in my server at once like this?

Answer 1

You need to save each song individually. sync is not meant to be called directly, and only method 'read' is meant to work with a collection. sync('read') is called during collection.fetch().

that = this;
this.model.save(null,{                                 
    success: function(model,response){
       that.songCollection.each(function(song){                                                                                                     
          song.save({album: model.get('id')});
       });                                   
    },               
    error: function(response){                         
       console.log(response);                         
    }
 });