Javascript 在 Kendo UI 模板中

Question

如何在 kendo 模板中使用常规 javascript，特别是 foreach？

我有：

<script id="partsTemplate" type="text/x-kendo-template">
    <div class="k-grid k-widget k-secondary">
        <table>
            <colgroup>
                <col style="width:70px">
                <col style="width:70px">
                <col style="width:120px">
                <col>
                <col style="width:30px">
            </colgroup>
            <thead class="k-grid-header">
            <tr>
                <th role="columnheader" class="k-header"><b>Quantity</b></th>
                <th role="columnheader" class="k-header"><b>Type</b></th>
                <th role="columnheader" class="k-header"><b>Manufacturer</b></th>
                <th role="columnheader" class="k-header"><b>Part</b></th>
                <th role="columnheader" class="k-header"><img src="/laravel/public/images/icons/magnifier_zoom_in.png"></th>
            </tr>
            </thead>
            <tbody>
            #for(var i=0, i<10, i++){#
                <tr><td>5</td><td>5</td><td>5</td><td>5</td></tr>
            # } #
            </tbody>
        </table>
    </div>
</script>

但是 Kendo 抛出无效模板错误。

Answer 1

您的 for 循环语法不正确；你必须使用分号：

# for (var i=0; i<10; i++) { #
    <tr><td>5</td><td>5</td><td>5</td><td>5</td></tr>
# } #

Javascript 在 Kendo UI 模板中

Javascript in Kendo UI Template

javascript

jquery

kendo-ui

kendo-template