Zrozumienie układów w marionetce dla Backbone.js

Question

Myślę, że mogę mieć fundamentalne niezrozumienie, w jaki sposób zamierza się używać Marionette.Layout.

Próbuję coś takiego:

Układ zawiera dwa Marinotette.ItemView: The "Explode" ItemView i "PopStar" ItemView. Układ ten został zaprojektowany, aby zawsze zawierać te poglądy, więc starałem się to zrobić:

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 

    } 
}) 

Ale wygląda na to, że regiony nie są dostępne dopiero po układ jest renderowany. Przed dodaniem widoków próbowałem wywoływać this.render(), ale to nie działało. Jestem prawie pewien, że podstawowym problemem jest to, że stosuję układ w niewłaściwych okolicznościach.

Co powinienem robić w tej sytuacji? Kiedy jest właściwy czas na użycie Marionette.Layout?

Dzięki!

Answer 1

Wyświetl widoki regionu w metodzie onRender układu. Kod:

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); 
    } 
}) 

Należy pamiętać, że w tym przypadku _.bindAll(this) nie jest potrzebny.