Select Row By Index Value

[Nicholas]

Hi --

We have a grid with an action button in the column. When the user clicks the button this code executes.

function showDetails(e) {
     e.preventDefault();

     var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
     var grid = $("#gridEnrollments").data("kendoGrid");
     grid.select($(e.currentTarget).closest("tr"));

     selectedIndex = grid.select().index();
}

 

The selected row index value is now in the selectedIndex variable.

I would like to then be able to do grid.select(selectedIndex +1).

However, when I do this the selected row is the one above as opposed to below the currently selected row.

How can I achieve what I am looking to do?

Thanks

Rich

 

 

 

 

[Eduardo Serra]

Hello Nicholas,

I have taken your code and prepared a sample that achieves to replicate the behavior you describe; you can take a look at it in the following Kendo UI Dojo.

We can see in the Kendo UI Grid API that the select method row parameter can be a string, a DOM element, or a jQuery object. 

I hope this helps!

Regards,
Eduardo Serra
Telerik by Progress