收集并呈现集合后，是否可以在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' ）就是这个技巧。