MarionetteJS: aree di applicazione e layout

Question

Stavo leggendo la documentazione dell'ultima versione (2.3.0) e sto dicendo che le regioni di applicazione ora sono deprecate.

Regioni applicazione

Attenzione: deprecati Questa funzione è deprecato. Invece di utilizzare l'applicazione come radice dell'albero delle viste, è necessario utilizzare una vista Layout . Per adattare la vista Layout all'intero documento, è possibile impostare suo 'el' 'corpo'. Questo potrebbe essere simile al seguente: var RootView = Marionette.LayoutView.extend ({el: 'body'});

Nella maggior parte dei tutorial, incluso il libro di David Sulc Backbone Marionette: A Gentle Introduzione utilizza il seguente frammento di codice per aggiungere regioni a un'applicazione.

Invece del seguente esempio seguente, che utilizza addRegions, cosa dovrei fare invece?

cioè

var ContactManager = new Marionette.Application({}); 
ContactManager.addRegions({ 
    mainRegion: "#main-region" 
}); 

var ContactView = Marionette.ItemView.extend({ 
    template: "#whatever", 
    ui: { 
     button: ".button". 
    }, 
    events: { 
     "click @ui.button": "click", 
    }, 
    click: function() { 
     console.log("do stuff here..."); 
    } 
}); 

ContactManager.on("start", function() { 
    var contactView = new ContactView({ 
     model: someModel 
    }); 
    ContactManager.mainRegion.show(contactView); 
}); 

Answer 1

Utilizzare un layoutview invece.

Si potrebbe fare ad esempio:

var ContactManager = new Marionette.Application({}); 
var LayoutView = Backbone.Marionette.LayoutView.extend({ 
    template: "#layout-view-template", 

    regions: { 
    menu: "#menu", 
    content: "#content" 
    } 
}); 

ContactManager.layout_view = new LayoutView(); 
ContactManager.layout_view.render(); 

ho mai effettivamente aggiungere le regioni per il mio oggetto app direttamente.