了解Marionette中的布局Backbone.js

Question

我想我可能会对如何使用Marionette.Layout有个根本的误解。

我想是这样的：

布局包括两个Marinotette.ItemView S：在 “爆炸” ItemView和 “PopStar” 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)是不需要的。