Scroll to selected row/cell

[Seyfor]

I would like to scroll to selected cell/row and I would like the same design as if the user would navigate throug key down/up. That means when navigating down, selected row would be the last in grid scroll, and when navigating up, selected row would be first.

How can I achieve that? I am pretty sure that I must call some method (already written for keyboard navigation), just don't know which.

http://dojo.telerik.com/oLuPO

I tried with this, but it does not give me the exact result I want (for scrolling down):

var itemScrollTop = grid.select()[0].offsetTop;
grid.wrapper.find('.k-grid-content.k-auto-scrollable').animate({ scrollTop: itemScrollTop });

[Dimiter Topalov]

Hi Matjaž,

The desired functionality is not provided and supported out-of-the-box. Custom logic implementation will be needed to achieve it.

The Kendo UI related classes that can prove useful are '.k-grid-content' - the scrollable div, '#grid_active_cell' - the currently active cell when navigating, and '.k-state-selected' - the selected cell(s).

Also, the change event is fired each time a different row or cell is selected. You can use it to get the offset of the currently selected element, and the scrollTop() of the scrollable div, and store them for consequent calculations when programmatically triggered scrolling is required.

Let us know if you have other questions about Kendo UI

Regards,
Dimiter Topalov
Telerik