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