JQuery Promise Backbone Fetch

Question

То, что я хочу достичь, - это PopUpView, который вызывается только после того, как все модели были сохранены.

При запуске кода всплывающее представление запускается до завершения сохранения.

var promises = [] 
_.each(exampleModels, _.bind(function (resource) { 
    var filter = this.resources.get(resource.id); 
    filter.fetch(
      { 
       success: function (model, response) { 
        var participant = new Model({ 
         example: "text" 
        }); 
        promises.push(participant.save()); 
       } 
      }); 
}, this)); 

$.when.apply($, promises).then(_.bind(function() { 
    var popupForm = new PopUpView({ 

    }); 
    this.$el.append(popupForm.$el); 
}, this)); 

Answer 1

Проблема в том, что fetch также является асинхронным. Поэтому, когда вы нажмете на строку $.when.apply(..., promises - пустой массив. Таким образом, обещание, возвращенное when, запускает then напрямую.

Answer 2

1. Вы можете воспользоваться deferred возвращения на model.fetch и model.save
2. И вы можете мутировать свое обещание, имея thenreturn a new promise

Вы можете создать свой массив обещаний, как это

var promises = _(ids).chain() 
    .map(function(id) { 
     // get the models you want 
     return c.get(id); 
    }) 
    .map(function(model) { // build a promise for each model 
     return model.fetch(). // promise returned by fetch 
      then(function(resp) { 
       var participant = new M({ 
        example: "text" 
       }); 
       return participant.save(); // promise returned by save 
      }); 
    }) 
    .value(); 

$.when.apply($, promises).then(function() { 
    console.log('done'); 
}); 

A й демо http://jsfiddle.net/nikoshr/du44m1ha/

С Jquery 1,8