Callback after all child views have rendered

This is something that has troubled me for long time. Whenever the parent's view afterRender() fired, the child views had not yet rendered. Thus it seemed impossible to know when all child views had completed to render.

The solution is

 var views = {...};
 app.mainView.setViews(views);
 views["#content-view"].render().once("afterRender", function() {
   // console.log("rendered");
   $(window).trigger('scroll.rpinnable');
 }, this);