This document describes the structure and components of a Marionette dialog application, including layouts containing regions and views, the use of controllers, templates, and an app router. The application makes use of Marionette features like regions, triggers, events, and request-response communications to manage the dialog views and their contents in a composite structure.

1. Dialog Application
@MM.module
dialog-app.coffee
show-controller.coffee
The Brain
App Wide Events
Marionette.RequestResponse
Async, Global Events
API
Async, Local Events
Views
Layout is an ItemView hybrid
Layout is a collection of Regions
Regions contain Views
Views optionally contain ItemViews
Layout(s)
Region(s)
View(s)
Composite Collection ItemView
Start/Stop
regions (sub-region definition)
events (view specific JS events)
triggers (view specific JS events)
ui (explicit UI nodes)
modelEvents
collectionEvents
onShow / onClose / on*
custom methods
template (CompositeView)
id (container ID)
className (container class)
itemViewContainer (itemView class)
itemView (itemView)
Class
extends Marionette.*
Directory Structure
▼ scripts
▼ apps
▼ dialog
▼ show
▼ templates
▼ views
dialog-app.coffee
show-controller.coffee
dialog.html
dialog.coffee
App Router
Marionette.AppRouter