突出顯示劍道網格​​的第一行

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