Informazioni sui layout in Marionette per Backbone.js

Question

Penso di avere un fondamentale fraintendimento su come utilizzare Marionette.Layout.

Sto cercando di qualcosa di simile:

Il layout prevede due Marinotette.ItemView s: Il "esplodere" ItemView e il "PopStar" ItemView. Questo layout è progettato per contenere sempre questi punti di vista, così ho cercato di fare questo:

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 

    } 
}) 

Ma sembra che le regioni non sono disponibili fino a dopo il layout è reso. Ho provato a chiamare this.render() prima di aggiungere le viste, ma questo non ha funzionato. Sono abbastanza sicuro che il problema fondamentale qui è che sto applicando il layout nella circostanza sbagliata.

Cosa dovrei fare in questa circostanza? Qual è l'ora corretta per utilizzare Marionette.Layout?

Grazie!

Answer 1

Mostra le viste della regione nel metodo onRender del layout. Codice:

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

nota che in questo caso non è necessaria la _.bindAll(this).