使用 jsrender 迭代多维数组对象

【问题标题】：Iterating a multi dimensional array object using jsrender使用 jsrender 迭代多维数组对象
【发布时间】：2014-05-30 11:44:24
【问题描述】：

我是 jsrender 及其模板的新手。我正在使用一个多维数组，比如 myVariable[5][8]，其中 5 是行数，8 是列数，并且必须为每一行创建 tr 标签，为每一列创建 td 标签。我有不知道如何迭代它。这就是我尝试过但无法继续的方式。

我的模板文件

{{for myVariable}}

  //It would iterate the myvariable row count
   <tr>
     //And how to iterate the column count in this region
   </tr>
{{/for}}

例如我有一个变量myVariable[0][3]={"var":"someVar","id":"someId"}。如何将每个myvariable对象的值var打印到上面提到的tr标签内的td标签中？

【问题讨论】：

标签： javascript spring web freemarker jsrender

【解决方案1】：

对于内部迭代，您需要遍历当前数据项（内部数组）：

{{for #data}}

其实你可以写：

{{for}}

因为这默认为当前数据项。

这里有一个完整的示例：http://jsfiddle.net/BorisMoore/cGZZP/，其中包括数据链接（与 JsViews 的实时数据绑定）。所以它使用{^{for...（数据链接标签）而不是{{for...

仅使用 JsRender 即可：

<table>
  <tbody>
    {{for myVariable}}
    <tr>
      {{for}}
      <td>
        {{:var}}
      </td>
      {{/for}}
    </tr>
    {{/for}}
  </tbody>
</table>

【讨论】：