Modelli di due modelli in una vista: Backbone/Marionette

Question

Sto provando a utilizzare due modelli in una vista e il modello che utilizza entrambi. Sto lavorando con Marionette. Qui sono io l'inizializzazione della vista:

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

Qui è la mia opinione:

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

    } 

}); 

E qui è il modello:

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

rende tutto correttamente utilizzando i dati oneModel, ma non esegue il rendering del secondo, anche se lo registra correttamente. Sto usando i baffi come linguaggio dei miei modelli.

Qualcuno può aiutare?

Answer 1

È può ignorare il metodo serializeData sulla vostra vista e lo hanno restituire dati entrambi i modelli:

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

    // ... 

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

}); 

Poi il modello sarebbe simile a questa:

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

Answer 2

provare a creare un modello complesso che contiene i due modelli, questo nuovo modello avrà gli altri due come proprietà e si può acccess le proprietà di ogni uno come questo risposta spiega ..

Access Nested Backbone Model Attributes from Mustache Template