Diagram
0 likes263 views
This document provides an overview of the structure and components of a Marionette dialog application, including the app router, layouts, regions, views, templates, models, and collections. It describes how the app uses a dialog layout containing regions for views, with item views for collections. Key aspects like events, UI bindings, and life cycle methods are also summarized.
Diagram
- 1. Dialog Application @MM.module dialog-app.coffee show-controller.coffee The Brain App Wide Events Vent ReqRes Command/Execute 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 Start/Stop regions (sub-region de鍖nition) events (view speci鍖c JS events) triggers (view speci鍖c 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 Layout(s) Region(s) View(s) CompositeView CollectionView ItemView Template Model Collection Model Model