Jak zaktualizować dane po pobraniu modelu w szablonie Handlebars ze szkieletem i marionetką?

Question

Próba wprowadzenia pola danych w aktualizacji szablonu narzędzia Handlebars po pobraniu modelu przypisanego do komponentu Marionette CompositeView, ale kod HTML na stronie nie jest aktualizowany.

Mój kod wygląda następująco:

Model:

B.Page.Model = Backbone.Model.extend({ 
    url: function() { 
     return 'my/resource/'; 
    }, 
}); 

Widok:

B.Page.CompositeView = Backbone.Marionette.CompositeView.extend({ 
    template: Handlebars.compile(templates.find('#my-template').html()), 

    initialize: function(options) { 
     _.bindAll(this); 
     this.model.fetch(); 
    }, 
)}; 

Szablon:

<script id="my-template" type="text/x-handlebars-template"> 
    Date: <span id="my-data-field">{{data}}</span> 
</script> 

Sprawdziłem zasobu i robi powrót prawidłowego JSON z zestawem data pola. Ponadto model jest przekazywany do widoku.

Podejrzewam, że jest to spowodowane wywołaniem funkcji render po otrzymaniu danych; jednak chciałbym uzyskać informację zwrotną na temat tego, jak należy to zrobić.

Co to jest dobry sposób na zrobienie tego?

Dzięki!

EDYCJA: Ten widok złożony ma kolekcję, która jest z nim powiązana (co jest w porządku, gdy wyzwolę odpowiednie zdarzenie). Celowo pominąłem tę część kodu, aby uniknąć pomieszania problemu.

Answer 1

Masz rację, ponieważ CompositeView rozciąga się od CollectionView, renderuje się tylko domyślnie przy zdarzeniach kolekcji. Aby uczynić go ponownie render na zmiany modelu, można zrobić coś takiego w swojej CompositeView:

initialize: function(){ 
    this.listenTo(this.model, "change", this.render); 
} 

Answer 2

widokami Marionette mieć obiekt modelEvents że jest związany z przekazywane w modelu. Możesz więc nieco poprawić zaakceptowaną odpowiedź, wykonując:

template: Handlebars.compile(templates.find('#my-template').html()), 

modelEvents: { 
    'change': 'render' 
} 

zamiast wiązania ręcznie w celu zainicjowania.