Backbone.jsのMarionetteでのレイアウトの理解

Question

私は、Marionette.Layoutの使用を意図していると根本的に誤解していると思います。

私はこのような何かをしようとしている：

レイアウトは2つのMarinotette.ItemView Sが含まれています。 "爆発" ItemViewと "ポップスター" ItemView。このレイアウトは、常にこれらのビューを含むように設計されたので、私はこれを行うために試みられている。

var TheLayout = Backbone.Marionette.Layout.extend({ 
    template: '#the=layout-template', 
    regions: { 
     explode: '#explode-region', 
     popstar: '#popstar-region' 
    } 
    initialize:function(options){ 
     _.bindAll(this); 

     var explodeView = new ExplodeView(); 
     this.explode.show(explodeView);  // <-- This throws and exception because the regions are not available yet 

    } 
}) 

しかし領域はレイアウトがレンダリングされるまでは利用できないように見えます。ビューを追加する前にthis.render()と呼んでみましたが、これは機能しませんでした。ここでの根本的な問題は、間違った状況でレイアウトを適用していることです。

この場合、どうすればよいですか？ Marionette.Layoutを使用する正しい時期はいつですか？

ありがとうございます！

Answer 1

レイアウトのonRenderメソッドで領域ビューを表示します。コード：

var TheLayout = Backbone.Marionette.Layout.extend({ 
    template: '#the=layout-template', 
    regions: { 
     explode: '#explode-region', 
     popstar: '#popstar-region' 
    } 
    onRender: function() { 
     var explodeView = new ExplodeView(); 
     this.explode.show(explodeView); 
    } 
}) 

この場合、_.bindAll(this)は必要ありません。