バックボーン複数のコレクションが

Question

をフェッチし、次を行うためのセクシーな方法があります：

scheduleSubjects.fetch({ 
    success: function(){ 
     subjectList.fetch({ 
      success: function(){ 
       assignments.fetch({ 
        success: function(){ 
         _this.render(); 
        } 
       }); 
      } 
     }); 
    } 
}); 

私は、すべてのデータは、私はそれを操作開始する前に取得することにしたいです。

ありがとうございました。

Answer 1

あるレンダリングすることで、複数の非同期呼び出しが完了したとき、あなたはコールバックをトリガする$.whenを使用することができますしたがって、Backbone.fetchも遅延オブジェクトを返します。

---

.thenの代わりに、あなたのオリジナルのコールバックのパラメータを通過する、.doneです（あなたがOPに必要はありませんが、いくつかのケースではあります）：

$.when(scheduleSubjects.fetch(), subjectList.fetch(), assignments.fetch()) 
    .done(function(scheduleSubjects, subjectList, assignments) { 
     _this.render(); 
    }) 
); 

Answer 2

私がこれを行うと考えることができる唯一の他の方法は、バックボーンのbind()とtrigger()です。

イベントでは、この機能を実現できます。より良い方法があるかどうかはわかりません。最初のコレクションを読み込んだら、2番目のコレクションの読み込みをトリガーすることができます。理論的には、2つのコレクションをあなたの例ごとに結合すべきではありません。イベントベースの読み込みでは、subjectListとscheduleSubjectsが切り離されます。

Answer 3

あなたが使用することができますいずれかの約束：

scheduleSubjects.done(function() { 
    subjectList.fetch(); 
}); 
subjectList.done(function() { 
    assignments.fetch(); 
}); 
assignments.done(function() { 
    _this.render(); 
}); 
scheduleSubjects.fetch(); 

またはイベントリスナーは：

subjectList.listenToOnce(scheduleSubjects, 'sync', subjectList.fetch); 
assignments.listenToOnce(subjectList, 'sync', assignments.fetch); 
this.listenToOnce(assignments, 'sync', this.render); 
scheduleSubjects.fetch(); 

あなたはビュー内のこれらのリスナーを定義する必要はありません。彼らはアプリケーションレベルで暮らすことができました。これはJQuery.ajaxために動作することを

$.when(scheduleSubjects.fetch(), subjectList.fetch(), assignments.fetch()).then(_this.render); 

注：ビューが気に だけの事は一度assignmentsがJQuery's deferred objectsを使用してフェッチ

Answer 4

var collections = [scheduleSubjects, subjectList, assignments]; 
var complete = _.invoke(collections, 'fetch'); 

$.when(null, complete).then(function(){ 
    _this.render(); 
}); 

使用約束とアンダースコアの_.invoke()！