收集並呈現集合后，是否可以在Backbone中觸發事件？

Question

在Backbone集合上調用collection.fetch（{add：true}）之后，我想在更新集合的視圖完成渲染后觸發事件。

“ 集合視圖 ”有一個“添加”方法，它為集合中的每個新項生成“ 項視圖 ”，在該視圖上調用“渲染”，並將其添加到集合視圖中。

有沒有辦法在提取集合時觸發事件，並且所有項目都已添加並呈現？

Answer 1

集合上的fetch方法采用success參數：

fetch collection.fetch([options])

[...] 選項哈希采用success和error回調，它們將分別作為參數傳遞（集合，響應，選項）和（集合，xhr，選項）。

在success的收集更新后， 打完所有的它會被稱為回調將被稱為"add"事件已被觸發和處理。 所以你可以這樣做：

collection.fetch({
    success: function(collection, response, options) {
        collection.trigger('fetched_and_notified');
    }
});

任何關心的人都可以collection.on('fetched_and_notified', ...)來監聽這樣的事件。 如果您願意，可以提供自己的fetch實現來自動觸發此事件，如下所示：

fetch: function(options) {
    options = options ? _.clone(options) : { };

    var success     = options.success;
    options.success = function(collection, response, options) {
        collection.trigger('fetched_and_notified', collection);
        if(success)
            success(collection, response, options);
    };
    Backbone.Collection.prototype.fetch.call(this, options);
}

Answer 2

您可以根據應用程序使用Backbone.Events在所有類型的對象上觸發自定義事件

要在渲染視圖后觸發事件，請：

var MyView = Backbone.View.extend({

  initialize: function() {
     _.bindAll(this);
  },  

  render: function() {
     //Do all the rendering

     this.trigger('myEvent');
  }
});

this.trigger（'myEvent' ）就是這個技巧。