Kendo UI网格第一行总是可选择并突出显示

时间:2015-10-23 13:23:59

标签: jquery angularjs kendo-ui kendo-grid

我需要第一行始终选择默认值,并应突出显示。 我正在使用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');

};

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

1 个答案:

答案 0 :(得分:4)

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

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

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

<强> DEMO