MarionetteJS: Regiony aplikacji a układy

Question

Czytałem dokumentację najnowszej wersji (2.3.0) i mówi się, że obszary aplikacji są teraz przestarzałe.

Regiony aplikacyjne

Ostrzeżenie: przestarzałe Funkcja ta jest przestarzała. Zamiast korzystać z aplikacji jako katalogu głównego drzewa widoku, należy użyć widoku układu. Aby rozszerzyć widok układu na cały dokument, można ustawić jego el na "body". Może to wyglądać mniej więcej tak: var RootView = Marionette.LayoutView.extend ({el: 'body'});

W większości tutoriali, w tym Davida ŠULC książka Backbone Marionette: łagodne wprowadzenie go używa następującego fragmentu kodu, aby dodać regiony do aplikacji.

Zamiast poniższego przykładu poniżej, który używa addRegions, co mam robić zamiast tego?

tj

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

Użyć layoutview zamian.

Można to zrobić na przykład:

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

nigdy faktycznie dodać regiony do mojego app obiektu bezpośrednio.