//Application Object

var myApp = new Marionette.Application({

  regions: {

    main: '#container'

  }

});

​

//First Model

var TaskModel = Backbone.Model.extend({

  defaults: {

    'heading' : 'Welcome to Backbone'

  }

});

​

//Second Model

var Person = Backbone.Model.extend({

  defaults: {

    'nestedHeading' : 'This is a subheading.'

  }

});

​

//View for Div #nestedDiv

var PersonView = Marionette.ItemView.extend({

  template: '#innerTemplate'

});

​

​

//View for main Region

var TaskView = Marionette.LayoutView.extend({

  template : '#myTemplate',

  regions: {

    'personLayoutRegion': '#nestedDiv'

  },

  onShow: function() {

    var person = new Person();

    var personView = new PersonView({model: person});

    this.personLayoutRegion.show(personView);

  }

});

​

​

var taskModel = new TaskModel();

var taskView = new TaskView({model:taskModel});

myApp.main.show(taskView);

​

​

​

​