Jak wyświetlić listę wyboru (dropdown) dla właściwości Model w BackboneJS?

Question

Próbuję zbudować prostą aplikację do edytowania kontaktów w Backbone.js i natknąłem się na problem, którego nie potrafię rozwiązać, ponieważ nie znam jeszcze Backbone.js.

Mam model Contact i ten element ma pole ProductLineID (każdy kontakt ma linię produktu, z którą jest powiązany). Wyświetlając edytor tego kontaktu, chciałbym wyświetlić listę rozwijaną z możliwymi opcjami ProductLine i ustawić ją na aktualną wartość. Jak to zrobić w Backbone.js?

wiem, jak to zrobić w knockout.js z wiązania danych:

<select id="ProductLineID" name="ProductLineID" 
     data-bind="options: productLineOptions, 
     optionsValue: 'ID', 
     optionsText: 'Name', 
     value: ProductLineID, 
     optionsCaption: 'All'"> 
</select> 

w tym przykładzie productLineOptions jest obiekt JSON, który jest już fabrycznie na stronie.

Osiągnęłoby to dokładnie to, czego chcę, ale nie wiem jak zrobić odpowiednik w Backbone.js.

Mogę dostarczyć więcej kodu z mojego rzeczywistego przykładu, ale wygląda na to, że jest to trochę trywialny przykład i nie wymaga określonego kodu.

Answer 1

Coś jak poniżej będzie działać, jeśli jest używana underscore templates:

<select id="ProductLineID" name="ProductLineID"> 
    <option value="">--select a product line--</option> 
    <% _(productLineOptions).each(function(pl) { %> 
     <option value="<%= pl.ID %>"><%= pl.Name %></option> 
    <% }); %> 
</select> 

A potem po prostu trzeba upewnić się, że przeszedł w obiekcie do kontekstu szablonu productLineOptions.

Answer 2

Backbone.js nie wykonuje danych po wyjęciu z pudełka, podobnie jak Knockout. Pozostawia to ten aspekt twórcy do zrobienia, jak chcą. Podstawową metodą jest skonfigurowanie detektorów zdarzeń dla zmian.

Jeśli chcesz tworzyć wiązania stylu nokautowego, istnieje projekt, który może obsługiwać to, czego potrzebujesz.

https://github.com/derickbailey/backbone.modelbinding