Выделите первый ряд кендо-сетки

Question

Я хотел бы выделить (или выбрать) первый ряд кендо-сетки.Мне нужно получить первую строку в функции машинописи и добавить «k-state-selected».Строка не имеет уникального идентификатора (кроме 'ng-reflect-logical-row-index="1"').Каков наилучший подход / реализация для выбора (имитация щелчка строки, чтобы строка выбиралась автоматически) или выделения первой строки.

Answer 1

Если вы хотите выделить первую строку вашего kendo Grid, вы можете попробовать следующее: В моем примере триггер находится на странице загрузки.И это в JQuery.Просто конвертируйте его в машинопись.

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

См. Ссылку: http://dojo.telerik.com/@Kiril/Ocace

Answer 2

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

Проверьте это демо

, для получения дополнительной информации обратитесь к их официальной документации .