使用Backbone.js創建標籤，下拉框

Question

瞭解backbone.js創建model，coll，view的基礎知識。但如何在模型中爲下面的腳本創建屬性以及如何在模板中查看它？

<table> 
       <tr> 
        <td> 
         <label>T:</label> 
        </td> 
        <td> 
         <label>F</label> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <label>Fi:</label> 
        </td> 
        <td> 
         <input type="text" id="fi" readonly="true"/> 
        </td> 
       </tr>    
       <tr> 
        <td> 
         <label>Ba:</label> 
        </td> 
        <td> 
         <select id="ba"> 
          <option value="4">1200</option> 
          <option value="5">2400</option> 
          <option value="6">4800</option> 
          <option value="7">9600</option> 
          <option value="8">19200</option>       
         </select> 
        </td> 
       </tr> 
       <tr> 
        <td> 
         <label>St:</label> 
        </td> 
        <td> 
         <input type="radio" name="st" value="0" checked="checked" > one 
         <input type="radio" name="st" value="1"> two 
        </td> 
       </tr></table> 

任何人都可以幫我嗎？

Answer 1

你可以存儲在你的模型作爲一個字段「BA」鍵值{鍵：值}數據這樣的：

var mdl = new Backbone.Model({ba:{1:1200, 2:2400}}); 

var SelectView = Backbone.View.extend({ 
          template: _.template($("#mytemplate").text()), 
          render: function() { 
           this.$el = $(this.el); 
           this.$el.html(this.template(this.model.attributes)); 
           return this; 
          } 
          }); 
var view = new SelectView({model: mdl}) 

然後，模板

<script type="template/html" id="mytemplate"> 
    <select id="ba"> 
    <% for (key in ba) { %> 
    <option value="<%=key%>"><%=ba[key]%></option> 
    <% } %> 
    </select> 
</script> 

我跳過其他的東西您的模板，並以一種方式顯示，您可以如何使用選項創建「選擇」。

你可以閱讀有關Backbone.View.render here

而關於（從下劃線）here