BackboneJSのModelプロパティの選択リスト（ドロップダウン）を表示するにはどうすればよいですか？

Question

私はBackbone.jsに簡単な連絡先エディタアプリケーションを構築しようとしていますが、私はBackbone.jsにまだ慣れていないので解決方法がわからないという問題があります。

モデルContactがあり、その項目にはフィールドProductLineID（各連絡先には関連付けられている商品ラインがあります）があります。この連絡先のエディタを表示する際、可能なProductLineオプションを含むドロップダウンリストを表示し、それを現在の値にプリセットしたいと考えています。 Backbone.jsでどうすればいいですか？

私はデータバインディングとknockout.jsでそれを行う方法を知っている：この例のproductLineOptionsで

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

はすでにページにプリロードされたJSONオブジェクトです。

これは、私が望むものを正確に達成することができますが、Backbone.jsでこれを行う方法はわかりません。

私の実際のコードより多くのコードを提供することができますが、これはちょっとした例であり、特定のコードを必要としないようです。

Answer 1

あなたが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> 

そして、あなたはちょうどあなたが、テンプレートのコンテキストにproductLineOptionsオブジェクトに渡されたことを確認する必要があります。

Answer 2

Backbone.jsは、ノックアウトのように、データボックスから取り出したデータを出力しません。しかし、彼らは望むことを行うには、開発者にその側面を残します。基本的な方法は、変更のイベントリスナーを設定することです。

ノックアウトスタイルのデータバインディングを行いたい場合は、必要なものをサポートするプロジェクトがあります。

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