Grid events (Scroll) or how to scroll two grids simultaneously

[Nikolajs]

I have two grids on a page (MVC Razor view) and i need them to scroll simultaneously (vertical scroll).  So if I scroll grid2 the grid1 scrolls for the same amount and vice versa. 
I fail to find event for scrolling in .Events of the grid, so I assume there is none.
Maybe there is workaround for this problem.
Please respond even if there is no solution for this problem.

[Vladimir Iliev]

Hi Nikolajs,

 

Basically this feature is not supported out-of-the-box, however you can achieve it by attaching scroll event handler to the "k-grid-content" element in the grid. When the event is fired you can get current element scrollTop position and apply it to the other grid "k-grid-content" element using the scrollTop method.

Kind Regards,
Vladimir Iliev
the Telerik team

[Bradley]

Try this 

<script>
    $('#ChargesByDateGrid .k-grid-content').scroll(function () {
        $("#ChargesByDateGrid .k-grid-content, #ApptNoChgsGrid .k-grid-content").scrollTop($(this).scrollTop());
    });
</script>

<script>
    $('#ApptNoChgsGrid .k-grid-content').scroll(function () {
        $("#ChargesByDateGrid .k-grid-content, #ApptNoChgsGrid .k-grid-content").scrollTop($(this).scrollTop());
    });
</script>

[Viktor Tachev]

Hello Bradley,


Thank you for sharing your code with the community. This can help someone trying to implement similar functionality.


Regards,
Viktor Tachev
Progress Telerik