Adding event management to a backbone.marionette Layout.

gistfile1.js

MyApp.Views.MasterDetailLayout = Backbone.Marionette.Layout.extend({
  template: 'backbone/templates/master_detail_layout',

  regions: {
    master: "#master",
    detail: "#detail"
  },

  initialize: function() {
    console.log('MasterDetailLayout->initialize');

    var self = this;
    /* for each region the layout is managing, listen to the show 
     * event of that layout and call an event handler */
    _.each(_.keys(this.regions), function(region_name) {

      self.listenTo(self[region_name], 'show', self['on' + capitalize(region_name) + 'Show']);
    });
  },

  onMasterShow: function(view) {
    console.log('EVENT  MasterDetailLayout->onMasterShow');

    /* once the region is set up, listenTo some event from its view */
    this.listenTo(view, 'graph:selected', this.eventFromMaster);
  },

  eventFromMaster: function() {
    console.log('EVENT  MasterDetailLayout->onDetailShow');
  },

  eventFromChild: function() {
    console.log('EVENT  MasterDetailLayout->WAT');
  },
});