突出显示剑道网格​​的第一行

Question

我想突出显示（或选择）剑道网格的第一行。 我需要在打字稿函数中获取第一行，并添加“ k-state-selected ”。 该行没有唯一的ID（“ ng-reflect-logical-row-index="1"除外）。 选择（单击行，因此将自动选择该行）或突出显示第一行的最佳方法/实现是什么？

Answer 1

Kendo的指令允许您基于回调将类添加到行中。

CSS：

.k-grid tr.selected { background-color: yellow; }

HTML：

<kendo-grid [data]="gridData" [rowClass]="rowCallback"></kendo-grid>

TS：

public rowCallback(context: RowClassArgs) {
   if (context.index == 0) return 'selected';
}

检查这个演示

有关更多信息，请参阅其官方文档 。

Answer 2

如果要突出显示kendo Grid的第一行，可以尝试以下操作：在我的示例中，触发器在页面加载中。 并且，它在jquery中。 只需将其转换为打字稿即可。

$(document).ready(function(){
var grid = $("#gridname").data("kendoGrid");
grid.select("tr:eq(1)");
})

请参阅参考资料： http : //dojo.telerik.com/@Kiril/Ocace