knockout.js - Kendo 网格、ko 绑定(bind)和行索引访问

Question

我有一个 ko View 模型，我使用 knockout-kendo.js 将其绑定(bind)到 KendoGrid

我使用 rowTemplate，因为我需要在某些列中使用一些自定义功能(图标、链接等)

我需要根据行号执行一些自定义功能。

直接绑定(bind) ko viewmodel 时，我可以使用 foreach 绑定(bind)，并且在行模板中我有 $index ，它给我当前的行号。

当 View 模型绑定(bind)到 Kendo Grid 时，如何获得相同的结果？

谢谢

Answer 1

目前 Kendo-Knockout 模板中没有内置索引功能支持( native Kendo 模板中也没有对此支持)。

但是您可以使用 jQuery's index()方法结合 $element 绑定(bind)上下文 poperty 来获取 datagird 中当前的 tr 位置(尽管如果您使用分页，这将无法正常工作):

<div data-bind="kendoGrid: { data: items, rowTemplate: 'rowTmpl', 
                             useKOTemplates: true }"> </div>

<script id="rowTmpl" type="text/html">
    <tr>
        <td>
            Row index: 
                <span data-bind="text: $($element).closest('tr').index()"></span>
        </td>
    </tr>
</script>

演示 JSFiddle .