Marionnette佈局未顯示ItemView

Question

我的佈局未顯示我的項目視圖。

這裏是我的標記：

<div id="wrapper"> 
    <div id="header">header div</div> 
    <div id="main">main div</div> 
</div> 

這裏是我的javascript：

var EventView = Backbone.Marionette.ItemView.extend({ 
    template: Handlebars.compile("Name of event: {{name}}"), 
    model: new Backbone.Model({ 
     name: "Game" 
    }), 
}); 
var AppLayout = Backbone.Marionette.Layout.extend({ 
    template: '#wrapper', 

    regions: { 
     header: '#header', 
     main: '#main' 
    } 

}); 
var layout = new AppLayout(); 
layout.render(); 
var event1 = new EventView(); 
layout.main.show(event1); 

我要的是

<div id="main">Name of event: Game</div> 

Answer 1

我覺得你首先需要插入內部的佈局應用區域。

App = new Backbone.Marionette.Application(); 
App.addRegions({ 
    centerRegion: '#center' 
}); 

var layout = new AppLayout(); 
App.centerRegion.show(layout); 
var event1 = new EventView(); 
layout.main.show(event1);