Question

我知道backbone.js创建模型，coll，视图的基础知识。但是如何为模型中的下面脚本创建属性以及如何在模板中查看它？

<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”键值存储在模型的一个字段中，作为{key：value}数据：

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

使用Backbone.js创建标签，下拉框

1 个答案: