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';
}

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

Answer 2

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

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