Szablon dwa modele w jednym widoku - kręgosłup/marionetka

Question

Próbuję użyć dwóch modeli w jednym widoku, a szablon przy użyciu obu. Pracuję z Marionetką. Oto ja inicjalizacji zdania:

main_app_layout.header.show(new APP.Views.HeaderView({ 
model: oneModel, 
model2 : twoModel} 
)); 

tu jest mój widok:

APP.Views.HeaderView = Backbone.Marionette.ItemView.extend({ 

    template : '#view_template', 

    className: 'container', 


    initialize: function() { 
       //This correctly logs the second model 
       console.log(this.options.model2); 

    } 

}); 

A oto szablon:

<script id="view_template" type="text/template"> 
     <p>{{twoModel_label}} {{oneModel_data}}</p> 
     <p>{{twoModel_label2}} {{oneModel_data2}}</p> 
    </script> 

To czyni wszystko poprawnie, wykorzystując dane oneModel, ale nie renderuje drugiego, nawet jeśli loguje go poprawnie. Używam Moustache jako mojego języka szablonowego.

Czy ktoś może pomóc?

Answer 1

Ty można zastąpić metodę serializeData na widoku i nie zwróci dane obu modeli:

APP.Views.HeaderView = Backbone.Marionette.ItemView.extend({ 

    // ... 

    serializeData: function(){ 
    return { 
     model1: this.model.toJSON(), 
     model2: this.options.model2.toJSON() 
    }; 
    } 

}); 

Następnie szablon wyglądałby następująco:

<script id="view_template" type="text/template"> 
    <p>{{model1.label}} {{model1.data}}</p> 
    <p>{{model2.label}} {{model2.data}}</p> 
</script> 

Answer 2

spróbuj utworzyć złożony model, który zawiera dwa modele, nowy model będzie miał dwa pozostałe jako właściwości i można acccess właściwości każdego z nich jak ta odpowiedź wyjaśnia ..

Access Nested Backbone Model Attributes from Mustache Template