Kendo UI 网格第一行始终可选择并突出显示

Question

我需要始终选择第一行默认值并突出显示。 我正在使用 kendo UI 网格。我的 UI 代码在这里。 -

 kendo-grid="vehicleTypeGrid" k-sortable="true"
   k-data-source="vm.primaryEntityList" k-pageable='{"pageSizes":true }'
   k-selectable="true"                    
   k-columns='vm.primaryEntityGridColumns'
   k-on-change="vm.onGridRowSelectionChanged(data, dataItem, columns)"
   k-on-data-bound="vm.primaryGridDataBound(kendoEvent).

我尝试了 griddatabound 事件中的一些代码：

 - baseVm.prototype.primaryGridDataBound = function (e) 
  {     
  grid.element.find('tbody tr:first').addClass('k-state-selected');

};

此代码仅适用于突出显示。但我需要第一行始终选择默认值并突出显示。

Answer 1

您可以在数据绑定上使用网格的 select() 方法：

http://docs.telerik.com/KENDO-UI/api/javascript/ui/grid#methods-select

dataBound: function(e) {                          
  e.sender.select("tr:eq(1)");
}

DEMO