2013-03-06 96 views
0

如何將單選按鈕添加爲模型並在模板中查看它。Backbone.js模板示例

<label>ModemControl:</label> 
<input type="radio" name="modemcontrol" value="0" checked="checked"> off 
         <input type="radio" name="modemcontrol" value="1"> on 

我已經完成創建標籤,dropdownbox,textbox.i不知道如何做到這一點誰能幫助我?

回答

0

如果我知道了,你有興趣檢查模型中某些屬性的右邊單選按鈕。

在這種情況下,您的模板應該像有些:

<script type="text/template" id="radio-template"> 
    <input type="radio" <% f == "opt1" ? print("checked") :'' %> > 
    <input type="radio" <% f == "opt2" ? print("checked") :'' %> > 
    ... 
</script> 

其中f是您的視圖設置過程中指定的模板變量,如:

var template = _.template($('#item-template').html(), {f: 'opt2'}); 
this.$el.html(template); 

不是說你可以只使用checkedchecked="true"

編輯

那麼您的模板應該是這樣的:

<script type="text/template"> 
    <label>Age:</label> <input type="text" name="age" value="<%= age %>"> 
    <label>Radio:</label> <input type="radio" value="<%= modelAttribute%>"> 
</script> 
+0

笏ü[R告訴S代表檢查我必須強制創建單選按鈕達夠。 – user2082957 2013-03-06 11:24:22

+0

我在上面的例子中創建了兩個單選按鈕。你的意思是,你必須動態創建單選按鈕? – 2013-03-06 11:33:31

+0

沒有檢查可以告訴我如何添加單選按鈕作爲模型屬性並在模板中查看它Person = Backbone.Model.extend({}); var person = new Person({name:'Thomas',age:37}),// in template // 」> now age text框將被添加現在我想這樣做創建單選按鈕 – user2082957 2013-03-06 11:48:16