0

要件として次のロジックを検討してください。

var count=4;

for(var i=0;i<count;i++)
{
  /* create a table row <tr></tr> */
}

ここで、jqueryテンプレートで同じことをしようとすると、以下のように何かをしようとします:

<script id="MyTemplate" type="text/html">
        <table id="MyTable" class="Grid">            
            <tbody>
               {{each count}}
                <tr>
                  <td>${Name}</td>
                <tr>
           </tbody>
        </table>
</script>

テンプレートにバインドしようとしているデータの場所は次のとおりです。

var count=4;
var Name=["Peter","Michael","John","Thomas","James","Joseph","Mary","Simon"];

テンプレートで生成する出力は次のとおりです。 

<table id="MyTable" class="Grid">            
            <tbody>
                  <tr>
                    <td>Peter</td>
                    <td>Michael</td>
                    <td>John</td>
                    <td>Thomas</td>
                  <tr>
                  <tr>
                    <td>James</td>
                    <td>Joseph</td>
                    <td>Mary</td>
                    <td>Simon</td>
                  <tr>

           </tbody>
       </table>

私はすでに試しました：

<script id="TestTemplate" type="text/x-jQuery-tmpl">
    Day:<br/>
    <table>
     <tbody>
        {{for(i=1;i<=${count};i++)}}
        <tr></tr>
        {{/for }}
     </tbody>
    </table>
</script>

しかし、テンプレートで上記の実装を行うと、tmpl ライブラリは「テンプレート コマンドが見つかりません」というエラーをスローします。

誰でもこれを行うための解決策を提案できますか?

4

1 に答える 1

0

これを試すことができます：

{{each(i) Name}}
    {{if i < count}}
        <tr></tr>
    {{/if}}
{{/each}}
于 2012-10-26T13:04:11.267 に答える