静态视图

1<script type="text/javascript">
2var ContactManager = new Marionette.Application();
3
4  ContactManager.on("start", function(){
5    console.log("ContactManager 已启动！");
6  });
7  
8  ContactManager.start();
9</script>

1<div id="app-container">
2  <div id="main-region" class="container">
3    <p>这是网页中的静态内容。你会注意到，一旦我们启动应用，这部分内容就会被替换。</p> 
4  </div>
5</div>
6
7<script type="text/template" id="static-template">
8  <p>这是由我们的 Marionette 应用渲染的文本。</p>
9</script>
10
11<!-- JavaScript 库在此处引入 -->
12
13<script type="text/javascript">
14  var ContactManager = new Marionette.Application();
15  
16  ContactManager.StaticView = Marionette.ItemView.extend({
17    el: "#main-region",
18    template: "#static-template"
19  });
20
21  ContactManager.on("start", function(){
22    var staticView = new ContactManager.StaticView();
23    staticView.render();
24  });
25
26  ContactManager.start();
27</script>