title: Capture event that creates all views on adding models to the existing collection backbone marionette
body: <p>I have implemented the following functionality:</p>
  
  <pre><code>define([
      'jquery',
      'underscore',
      'backbone',
      'marionette',
      'app',
      'views/y/x/FlightScheduleLayoutView',
      'collections/y/x/ScheduleCollection'
  ], function($, _, Backbone, Marionette, App, FlightScheduleLayout, ScheduleCollection) {
      var FlightScheduleListView = Backbone.Marionette.CollectionView.extend({
          collection: ScheduleCollection,
          itemView: FlightScheduleLayout,
          doSort: function(sortCode, sortDirection) {
              this.collection.setSortField(sortCode, sortDirection);
              this.collection.sort();
              this.collection.trigger('reset');
          },
          onAfterItemAdded: function(itemView) {
              if ($(itemView.el).hasClass("flight")) {
                  var flight = $(itemView.el);
                  var flightDetailsBtn = flight.find(".flight_details");
                  var flightDetails = flight.find(".option_details");
                  var count = parseInt(this.children.length);
                  var flightDetailsId = "flight-details-" + count;
                  flightDetailsBtn.attr("data-target", "#" + flightDetailsId);
                  flightDetails.attr("id", flightDetailsId);
                  flight.find("[data-toggle=tooltip]").tooltip();
              }
          }
      });
      return FlightScheduleListView;
  });
  </code></pre>
  
  <p>Now there is a functionality somewhere in js that does the following:</p>
  
  <pre><code>this.flightScheduleListView = new FlightScheduleListView({ collection: schedules });
  </code></pre>
  
  <p>Add later in code this happens:</p>
  
  <pre><code>this.flightScheduleListView.collection.add(this.flightSchedules.models.slice(this.numberOfFlightSchedulesVisibleCurrently, this.numberOfFlightSchedulesVisibleCurrently + this.flightSchedulesPerPage));
  </code></pre>
  
  <p>Using <code>OnAfterItemAdded</code> works perfectly. But this is time consuming as it iterates over every view. Is there any render function that gets called when we add something to the collection of the view? I can't use <code>OnRender</code> because it's only called on View instantiation and not when adding to collection.  </p>