title: Ember.js: How do I hook Ember.CollectionView after every child view is rendered?
body: <p><a href="https://stackoverflow.com/questions/8881040/using-ember-js-how-do-i-run-some-js-after-a-view-is-rendered">This question</a> demonstrates that overriding an Ember.View instance's <code>didInsertElement</code> allows you to execute some code after the view's element is in the DOM.</p>
  
  <p><a href="http://jsfiddle.net/gvUux/2/" rel="nofollow noreferrer">http://jsfiddle.net/gvUux/2/</a></p>
  
  <p>Naturally, overriding <code>didInsertElement</code> on the child view class you add to an Ember.CollectionView will run the hook after each child view is rendered and inserted. </p>
  
  <p><a href="http://jsfiddle.net/BFUvK/1/" rel="nofollow noreferrer">http://jsfiddle.net/BFUvK/1/</a></p>
  
  <p>Two collection-oriented hooks on Ember.CollectionView, <code>arrayDidChange</code> and <code>contentDidChange</code>, execute after the underlying content has changed, but they execute before any rendering takes place. <code>arrayDidChange</code> is executed for every element added to the array, and <code>contentDidChange</code> wraps the content binding.</p>
  
  <p>I would like to be able to hook around the rendering pipeline, something like <code>willInsertCollection</code> and <code>didInsertCollection</code>, to manipulate the DOM before and after all child elements are rendered - essentially, before and after filters around <code>contentBinding</code>. </p>
  
  <p>Any ideas? I'm stumped.</p>