8

複数のページのコレクションをフェッチし、すべてのフェッチがいつ行われたかを知る方法を探しています。私のコレクションは次のようになります。

app.collections.Repos = Backbone.Collection.extend({
  model: app.models.Repo,
  initialize: function(last_page){
    this.url = ('https://api.github.com/users/' + app.current_user + '/watched');

    for (var i = 1; i <= last_page; i++) {
      this.fetch({add: true, data: {page: i}});  
    };
  }, ...

クリーンなコードでこれをどのように達成できるか考えていますか？

4

2 に答える 2

14

jQuery deferredsを使用します:

var deferreds = [];
for (var i = 1; i <= last_page; i++) {
  deferreds.push(this.fetch({add: true, data: {page: i}}));
};

$.when.apply($, deferreds).done(function() {
  ...
  <CODE HERE>
  ...
}

(私は実際にこれをテストしていませんが、うまくいくと思います。)

次の jQuery ドキュメントwhen:

1 つ以上のオブジェクト (通常は非同期イベントを表す Deferred オブジェクト) に基づいてコールバック関数を実行する方法を提供します。

そして、役立つかもしれない別の答え: jQuery Deferreds の配列をどのように操作しますか?

于 2012-08-23T03:49:00.780 に答える
2

1 つのオプションはunderscore.js' after-function ( docs ) を使用することですが、追加イベントが大量に発生するため、success -callback を使用する必要があります。

initialize: function(last_page){
  this.url = ('https://api.github.com/users/' + app.current_user + '/watched');

  var self = this; // save a reference to this

  var successCallback = _.after(function() {

    self.trigger('allPagesFetched'); //trigger event to notify all listeners that fetches are done

  }, last_page); // this function will be called when it has been called last_page times

  for (var i = 1; i <= last_page; i++) {
    this.fetch({add: true, data: {page: i}, success: successCallback});  
  };
},

これが役に立ったことを願っています！

于 2012-08-23T05:46:40.000 に答える