Backbone Marionette - wirft einen Fehler bei Aufruf von Layout extend

Question

In meiner App verwende ich Marionette die Erweiterung von Backbone. Ich bekomme als ersten Fehler:

Uncaught TypeError: Kann die Eigenschaft 'extend' von undefiniert nicht lesen 

Und ich versuche meinen Header, Inhalt und Footer dem Wrapper-Element hinzuzufügen... mit diesem Skript:

Aber es funktioniert überhaupt nicht...

Was wäre der richtige Weg, dies zu tun?

template:

    <section>     
        <navigation id="menu">ABC</navigation>     
        <article id="content">123</article>   
    </section> 

script:

AppLayout = Backbone.Marionette.Layout.extend({ 
    template: "#layout-template",
    regions: { 
        menu: "#menu", 
        content: "#content"
    } 

});

var layout = new AppLayout(); 
$('#wrapper').html(layout.render().el);

Hier ist die Live Demo

Kann mir jemand helfen, alle meine Elemente zu wrapper hinzuzufügen?

Answer 1

Sie sollten auf diese Weise verwenden:

AppLayout = Backbone.Marionette.LayoutView.extend({ 
    template: "#layout-template",
    regions: { 
        menu: "#menu", 
        content: "#content"
    } 
});

Wie Kyle Needham sagte, ändern Sie Layout zu LayoutView.