Renderuj region Marionetek po pobraniu modelu

Question

Chciałbym użyć podejścia opisanego przez Derick Bailey w "Ogólny problem Rozwiązanie" w tym thread, aby wyświetlić widok po pobraniu modelu. Opiszę tutaj jego rozwiązanie:

MyView = Backbone.View.extend({ 
    initialize: function(){ 
    this.model.on("sync", this.render, this); 
    }, 

    render: function(){ ... } 
}); 


myModel = new MyModel({id: someId}); 
new MyView({ 
    model: myModel 
}); 

myModel.fetch(); 

Mam nieco inną sytuację: mój widok znajduje się w układzie regionalnym. Jeśli zadzwonię do Marionette.Region.show() to działa, ale widok jest renderowany dwa razy. Wywołanie funkcji Marionette.Region.attachView() powoduje wyświetlenie funkcji wyświetlania widoku, ale zawartość nie jest wyświetlana na stronie.

Każdy pomysł?

Answer 1

Można czekać, aż model jest zsynchronizowane przed renderowania widoku

var myView = new MyView({ 
    model: myModel 
}); 

myModel.on("sync", function(){ 
    myRegion.show(myView); 
}); 

myModel.fetch(); 

Answer 2

I mają pochodzić z nieco innego podejścia. Potrzebuję moich poglądów, aby załadować własne modele na initalize, więc podejście Derick nie działało dla mnie. Było kilka powodów, których nie chcę tutaj wyjaśniać. Ale przyszedłem było:

Stworzyłem domyślny szablon o nazwie ze wskaźnikiem ładowania i pokrętłem, który dołączam do szablonu widoku. Mam metodę o nazwie updateView, która jest wyzwalana, gdy model zostanie zsynchronizowany i zastąpi szablon ładowania szablonem rzeczywistym, a następnie wywoła metodę render().

Może ktoś również uzna to za przydatne.

var myView = new MyView({ 
    template: loader, 
    initialize : function(){ 
     this.model = new MyModel(); 
     this.model.on("sync", this.updateView, this); 
     this.model.fetch(); 
    }, 
    updateView : function(){ 
     this.template = myTemplate; 
     this.render(); 
    } 
});