Backbone.js模板示例

时间:2013-03-06 09:53:51

标签: javascript backbone.js

如何将单选按钮添加为模型并在模板中查看的属性。

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

我已经完成了创建标签,下拉框,textbox.i不知道如何做到这一点,任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分: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>