TabLayout

var TabsLayoutView = Backbone.Marionette.LayoutView.extend({
  initialize: function(options){
    this.tabOneViewInstance = new TabOneiew();
    this.tabTwoViewInstance = new TabTwoView();
    this.tabThreeViewInstance = new TabThreeView();
  },
  template: "#tabs_layout_template",
  regions: {
    content: ".content-pane"
  },
  ui: {
    showViewLink: '.show-view-link'
  },
  events: {
    "click @ui.showViewLink": "showViewLinkClicked",
  },
  showViewLinkClicked: function(event){
    event.preventDefault();
    var viewName = event.target.dataset.viewName;
    if(viewName.ucfirst() !== typeof this.getRegion('content').currentView){
      this.getRegion('content').show(this[viewName+'Instance'], {preventDestroy: true});
    }
  },
  onBeforeShow: function(){
    this.showChildView('content', this.tabOneViewInstance);
  }
});