2013-03-06 66 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