knockout.js - Kendo 网格、ko 绑定和对行索引的访问

Question

我有一个 ko 视图模型，我使用 knockout-kendo.js 将它绑定到一个 KendoGrid

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

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

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

当视图模型绑定到剑道网格时，我怎样才能得到同样的东西？

谢谢

Answer 1

目前在 Kendo-Knockout 模板中没有内置索引功能支持（在本机 Kendo 模板中也不支持此功能）。

但是，您可以将jQuery 的index()方法与$element绑定上下文属性结合使用来获取数据网格中的当前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。