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

Question

我希望默认情况下第一行被选中并高亮显示。我正在使用kendo UI grid。以下是我的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');

};

这段代码仅适用于高亮选定的行。但是我需要默认选择并高亮第一行。

- don Anand

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

- ezanker

---

无法工作，第一行被突出显示但未被选中。 - don Anand

@donAnand，它正常工作了！http://dojo.telerik.com/@ezanker/aYEbI 点击我添加的按钮并检查控制台。您将看到网格正在返回所选行。对于您来说，“selected”是否意味着不同的东西？ - ezanker

如何检查将返回所选行的值。 - don Anand

请查看更新的DOJO：http://dojo.telerik.com/@ezanker/aYEbI。按钮点击代码获取所选行，然后获取其数据项，并将所选行的“ShipCountry”写入文本框。 - ezanker

我不得不使用 setTimeout 和 select(e.sender.tbody.find("tr:first"))。 - davneetnarang