javascript - Backbone.js 模板示例

Question

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

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

我已经完成了创建标签、下拉框、文本框。我不知道该怎么做，谁能帮帮我？

Answer 1

如果我做对了，您有兴趣在模型中的某些属性上检查正确的单选按钮。

在这种情况下，您的模板应该看起来有点像：

<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);

并不是说您只能使用checked或checked="true"

编辑

然后您的模板应如下所示：

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