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. 您可以通過model.fetch和model.save
2. 利用deferred回報，您可以通過有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