0

モデル、coll、viewを作成するbackbone.jsの基本を知っています。しかし、モデルで以下のスクリプトの属性を作成する方法と、テンプレートでそれを表示する方法は？

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

誰かが私を助けることができますか？

4

1 に答える 1

1

次のように、モデルの 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>

テンプレートの他のことは飛ばして、オプション付きの「選択」を作成する 1 つの方法を示します。

ここでBackbone.View.render について読むことができます

そしてテンプレートエンジンについて（アンダースコアから）こちら

于 2013-03-05T06:28:36.687 に答える