突出显示kendo-grid的第一行

Question

我想突出显示(或选择)剑道网格的第一行。我需要获取typescript函数中的第一行，并添加‘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';
}

Check this demo

更多信息请参考他们的官方documentation。

Answer 2

如果希望突出显示kendo Grid的第一行，可以尝试执行以下操作:在我的示例中，触发器位于页面加载时。而且，它在jquery中。只需将其转换为typescript即可。

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

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