1

リストテーブル テンプレートにコンボボックスを追加しました

<script type="text/x-handlebars-template" id="listItemTmpl">
    <tr>                             
        <td>{{partNo}}</td>
        <td>
             <select name="selectCombo" id="selectCombo">
                    {{#each chks}}
                    <option value='{{this.id}}' {{#if(this.id==status)}}selected{{/if}}>{{this.name}}</option>
                    {{/each}}
                </select>
        </td>
    </tr>

</script>

だから私のchkモデルは;

chkModel = Backbone.Model.extend({
   urlRoot:url,
   defaults:{
        name:""
   }

});

しかし、今では次のようなエラーが発生します。

Uncaught Error: Parse error on line 13:
...ue='{{this.id}}' {{#if(this.id==status)}
-----------------------^
Expecting 'ID', got 'undefined' 

それで、なにかお手伝いできますか?

4

1 に答える 1

0

したがって、モデルの属性に応じて、選択ボックスに多数のデータを入力する必要があるようです。Handlebar.jsはループをサポートしているようですので、以下を試してください。モデルとコレクションの構造が正しくないと思うことに注意してください。私が理解していることから、あなたはモデルを持っており、その属性の1つはコレクションです。属性を取得および設定する方法については、バックボーンのドキュメントを確認してください。適切な方法を使用してください。そうしないと、イベントがトリガーされません。

私はいくつかのコードを投稿しようとしていましたが、コンテキストとあなたがしていることすべてを理解していないので、私はそれを間違えるのではないかと心配しています。

少し時間を取ってこのチュートリアルを実行し、物事をどのように行うべきかをよりよく理解してください。

http://coenraets.org/blog/2011/12/backbone-js-wine-cellar-tutorial-part-1-getting-started/

ブログを読んだ後に助けが必要な場合はコメントしてください


これに追加します。以下のコードは、JSONアイテムをループできるhandlebar.jsサンプルです(この場合、それらはモデル属性になります)

{{#if items}}
 <ul>
    {{#each items}}
      <li>
        {{this.name}}
      </li>
    {{/each}}
  </ul>
{{/if}}
于 2012-12-06T14:23:57.773 に答える