Select first row javascript affects wrong grid

[Greg]

I have a View with a Kendo TabStrip containing multiple grids on multiple panels. On one grid, I need to select the first row after loading data. I'm trying to do this with:

function publicUsersGridDataBound() {
  // Select the first row.
  var grid = $('#publicUsersGrid').data('kendoGrid');

  grid.select("tr:eq(1)");
};

 

This works when publicUsersGrid is the only grid on the View.

When I add more grids,

grid.select("tr:eq(1)");

results in the first row in the first grid getting selected, not the first row in publicUsersGridDataBound, even though when I debug the javascript function, the line

var grid = $('#publicUsersGrid').data('kendoGrid');

gets a reference to the correct grid.

I'm stumped.

TIA

[Dimiter Topalov]

Hello Greg,

This problem is already solved and the fix will be available with the Q1 2016 release, scheduled for next week. Meanwhile, you can use the following workaround:

var grid2 = $("#grid-2").data("kendoGrid");

grid2.select(grid2.tbody.find("tr:eq(1)"));

Be aware that when using tbody, the data table rows indexes are zero-based, i.e. the above code will select the second data row, not the first one.

I hope this helps.

Regards,
Dimiter Topalov
Telerik

[Greg]

Thanks. Your alternate code works.