<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<telerik:RadCodeBlock runat="server">
    <script type="text/javascript">
        function OnKeyPress(sender, eventArgs) {
            if (eventArgs.get_keyCode() == 34) {
                var scrollArea = document.getElementById(sender.get_element().id + "_GridData");
                scrollArea.scrollTop = 100000;
            }
            if (eventArgs.get_keyCode() == 33) {
                var scrollArea = document.getElementById(sender.get_element().id + "_GridData");
                scrollArea.scrollTop = 0;
            }
        }
    </script>
</telerik:RadCodeBlock>
    <telerik:RadGrid runat="server" ID="RadGrid1" AutoGenerateColumns="false">
        <MasterTableView>
            <Columns>
                <telerik:GridBoundColumn HeaderText="ID" DataField="ID">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Item" DataField="Item">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="Date" DataField="Date">
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
        <ClientSettings AllowKeyboardNavigation="true" Selecting-AllowRowSelect="true">
        <KeyboardNavigationSettings EnableKeyboardShortcuts="false" />
            <Scrolling AllowScroll="true" UseStaticHeaders="true" />
            <ClientEvents OnKeyPress="OnKeyPress" />
        </ClientSettings>
    </telerik:RadGrid>
</asp:Content>
