欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

artTemplate

程序员文章站 2024-01-28 17:02:40
...

这是数据。

artTemplate

做成的效果

artTemplate

 <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方法进行修改。