artTemplate
程序员文章站
2024-01-28 17:02:40
...
这是数据。
做成的效果
<script type="text/html" id="tHead">
<tr>
<th>站名</th>
{{each}}
<td>{{$value.stationName}}</td>
{{/each}}
</tr>
<tr>
<th>站点号</th>
{{each}}
<td>{{$value.stationId}}</td>
{{/each}}
</tr>
</script>
<script type="text/template" id="table-element">
{{each data as element elementIndex}}
<tr class="{{elementIndex}}">
<th>{{element.ElementName}}</th>
{{each element.DataList as value valueIndex}}
<td>{{getvalue(value)}}</td>
{{/each}}
</tr>
{{/each}}
</script>
分为两部分写,上面绑定的是thead中的数据,下面是tbody中的数据。
{{each data ad element elementIndex}},每个data项的值赋给element,elementIndex是该项的索引。
{{each element.DataList as value valueIndex}},再将每个data.DataList的值赋给value,使用artTemplate helper方法进行修改。
上一篇: 函数模板实现栈Stack(静态数组)