Marionette LayoutView regions - 非ItemViewコンテンツを表示

Question

私は現在Marionette 2.4.7を使用しており、LayoutViewsを使用してアプリケーションを構成しています。非常に簡単な例LayoutViews（通常、テンプレートは別々に住ん）を取る：

var LayoutView = Marionette.LayoutView.extend({ 
    template: "<div id="main-region"></div><div id="menu-region"></div>", 
    regions: { 
     mainRegion: "#main-region", 
     menuRegion: "#menu-region" 
    } 
}); 

var MainLayoutView = Marionette.LayoutView.extend({ 
    template: "<div id="title-region"></div><div id="content-region"></div>", 
    regions: { 
     titleRegion: "#title-region", 
     contentRegion: "#content-region" 
    } 
}); 

を基本的にページは、ページのタイトルとメインのコンテンツを表示するためのセクションを表示するために、2つのセクション、セクションに分割されます。私は、次を使用してコンテンツ領域に移入：

var layoutView = new LayoutView(); 

    var mainLayoutView = new MainLayoutView({ className: "someClass" }); 
    layoutView.mainRegion.show(mainLayoutView); 
    var contentLayoutView = new ContentLayoutView(); 
    mainLayoutView.contentRegion.show(contentLayoutView); 

ContentLayoutViewはサブ領域を持ち、他のもののかなり多くを行うので、非常に複雑図です。 MainLayoutViewのtitleRegionは数語しか表示しないので、非常に簡単です。

私の質問には、titleRegionのItemViewを作成する必要性を回避する方法がいくつかあります。このシナリオはアプリケーション全体を通して数回繰り返され、ケースごとに別々のItemViewsを作成する必要があります。私は私が使用してDIV HTMLを設定することができます知っている：

$("#title-region").html("Page title"); 

が、私は物事のMarionetteやり方に固執したいです。

私が試してみました：

mainLayoutView.titleRegion.show("Page name"); 

を私はエラーを取得：'view.on' is not a function、明らかに.showはItemView/LayoutViewを期待しているからです。

Answer 1

おそらく、mainLayoutViewのテンプレートの一部としてタイトルを含めることになります。私はあなたが使用しているテンプレート言語はよく分からないが、それはのようなものに見えるかもしれません：あなたが作成する場合

templateHelpers: function() { 
    return { title: this.options.title }; 
} 

：

"<div id="title-region">{title}</div><div id="content-region"></div>"

を次に、あなたのMainLayoutView定義でtemplateHelpers機能などを定義することができますMainLayoutViewあなたは必要なタイトルを渡します：

var layoutView = new LayoutView(); 
var mainLayoutView = new MainLayoutView({ 
              className: "someClass", 
              title: "Welcome!" 
             }); 
layoutView.mainRegion.show(mainLayoutView); 
var contentLayoutView = new ContentLayoutView(); 
mainLayoutView.contentRegion.show(contentLayoutView); 

あなたがlayoutTitleまたは私はtitle