Rad Grid Shift+Arrow Key for selection not working in IE11

[prajwal]

Hello,

I want row selection when Shift + U​p or Down arrow key is press in RadGrid but not working in IE 11 specifically. My Telerik dll is 2011.1.519.35.

My Code is as follows

<telerik:RadGrid ID="dgHistory" runat="server" AutoGenerateColumns="false" onkeydown="CheckShiftKey(this,event)"
    AllowSorting="false" AllowMultiRowSelection="True" GridLines="None" Height="0px">
    <PagerStyle AlwaysVisible="false" />
    <SelectedItemStyle CssClass="ToothChartSelected" />
    <ItemStyle HorizontalAlign="Left" VerticalAlign="Top" />
    <AlternatingItemStyle HorizontalAlign="Left" VerticalAlign="Top" />
    <MasterTableView DataKeyNames="ChartHistoryID">
        <HeaderStyle CssClass="ChartingRadGridColumnHeader" />
        <ItemStyle CssClass="ChartingRadGridRow" VerticalAlign="Top" />
        <Columns>
            <telerik:GridBoundColumn DataField="RType" HeaderText="Type" Display="false"
                UniqueName="RecordType" HeaderStyle-Width="80px">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="RID" HeaderText="ID" Display="false" UniqueName="RecordID"
                HeaderStyle-Width="50px">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="ID" HeaderText="OID" Display="false" UniqueName="OID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="DDate" HeaderText="Date" UniqueName="DisplayDate"
                HeaderStyle-Width="55px" DataFormatString="{0:MM/dd/yy}">
            </telerik:GridBoundColumn>
       
        </Columns>
    </MasterTableView>
    <ClientSettings EnableRowHoverStyle="true" EnableAlternatingItems="false" AllowKeyboardNavigation="true">
        <Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />
        <Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" EnableRealTimeResize="true" />
        <ClientEvents OnRowDataBound="function(s,e){ RowDataBound(s,e);}"  OnKeyPress="CheckShiftKey"
            OnRowContextMenu="OnContextMenu" OnRowClick="OnLeftClick" OnGridCreated="function(s,e){ BindGridHotkeys(s,e); SetHistoryGridHeight(s, e); tc$.historyGridCo=s;}"
            OnRowSelected="RowSelected" OnRowDblClick="onrowdblclick" />
        <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
        </Scrolling>
    </ClientSettings>
</telerik:RadGrid>​

and  client side script is

  function CheckShiftKey(sender, args) {
        var keyCode = args.get_keyCode();

        if (args.get_isShiftPressed()) {
            if (keyCode == 38 || keyCode == 40) {
                if (sender._activeRow != null) {
                    var nextRow = sender._getNextActiveRow(sender._activeRow, keyCode);
                    if (!nextRow) return;
                    var nextItem = $find(nextRow.id);
                    var currentItem = $find(sender._activeRow.id);
                    if (nextItem.get_selected()) {
                        currentItem.set_selected(false);
                    }
                }
            }
        }
    }

 

Thanks,

Prajwal Thakur

[Pavlina]

Hi,

Note that official support for IE 11 is introduced in Q3 2013 SP1. Therefore, in order to avoid similar problems you should upgrade to the latest version of UI for ASP.NET AJAX.

Regards,
Pavlina
Telerik