How to programmatically scroll to bottom RadGrid client side

[Rami]

How can I scroll to bottom RadGrid from Client side.
Please help

[Shinu]

Hi,

Please check the following code snippet I tried to set the scroll position at the bottom of the RadGrid.

ASPX:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="true" DataSourceID="Sqldatasource1">
    <ClientSettings Selecting-AllowRowSelect="true">
        <ClientEvents OnGridCreated="GridCreated" />
        <Scrolling AllowScroll="true" ScrollHeight="300px" UseStaticHeaders="true" />
    </ClientSettings>
</telerik:RadGrid>

Javascript:

<script type="text/javascript">
    function GridCreated(sender, eventArgs) {
        var scrollArea = document.getElementById(sender.get_element().id + "_GridData");
        var length = sender.get_masterTableView().get_dataItems().length;
        var row = sender.get_masterTableView().get_dataItems()[length - 1];
        scrollArea.scrollTop = row.get_element().offsetTop;
    }
</script>

Thanks,
Shinu.

[Pavlina]

Hi,

Note that in order to set the vertical scroll at the bottom of the Grid in Firefox SaveScrollPosition property should be set to false, otherwise the code provided by Shinu will not work:

<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="false" />

Regards,
Pavlina
Telerik

 

 

[Akshit]

Hi Shinu,

 

Do you have any idea where I can perform the operation in code behind rather than javascript.