Filters not working in Chrome - Error: Specified argument was out of the range of valid values.

[Sayyed]

I have only tested this issue on Chrome so far. Whenever I apply the filters to the Grid I am getting exception below. Sorting, Paging seem to work ok. Can someone please help with this issue?

.NET Framework=3.5
Visual Studio=2008
Ajax Controls =Telerik_UI_for_ASP.NET_AJAX_2015_1_225

Exception:
Uncaught Sys.WebForms.PageRequestManagerServerErrorException: Sys.WebForms.PageRequestManagerServerErrorException: Specified argument was out of the range of valid values.
Parameter name: index

vb.net file code:

    Protected Sub Page_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.PreRender
        PopulateGridView()
        If Not rgrdEMS.MasterTableView.FilterExpression Is String.Empty Then
            rgrdEMS.MasterTableView.Rebind()
        End If
    End Sub

    Public Function PopulateGridView() As String
        Dim oEms = GetPS2.GetEMs 'returns datatable
        rgrdEMS.DataSource = oEms
        rgrdEMS.DataBind()
        Return "Populated"
    End Function

ASPX code:


    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePageMethods="true"  >
    </telerik:RadScriptManager>
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server">
    </telerik:RadSkinManager>
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="30" Skin="Silk" >
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="rgrdEMS">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rgrdEMS" LoadingPanelID="RadAjaxLoadingPanel1" />
                        <telerik:AjaxUpdatedControl ControlID="EMEditWindow"/>
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
            <telerik:RadPersistenceManager ID="RadPersistenceManager1" runat="server">
                <PersistenceSettings>
                    <telerik:PersistenceSetting ControlID="rgrdEMS" />
                </PersistenceSettings>
            </telerik:RadPersistenceManager>
            <table style="width: 100%; margin:0px; padding:0px; border-spacing:0px;">
                <tr>
                    <td style="height: 600px; border: solid 1px blue; vertical-align: top; margin:0px; padding:0px;">                                                                               
                        <div style="width:100%;">
                            <table style="width: 100%; margin-bottom:2px; ">
                                <tr style="margin:2px; border-width:0px; color: #FFFFFF; background-color: #025BB5;">
                                    <td style="margin:2px; text-align:center; ">                                    
                                        <asp:Label ID="lblTitle" runat="server" Text="Manage Engagement Managers" style="font-size:x-large; font-weight:bold;  margin-bottom:2px; "></asp:Label>
                                    </td>
                                </tr>
                            </table>
                            <table style="margin-left: 2px; margin-right: 3px; margin-top: 2px;margin-left: -x/2px;">
                                <tr>
                                    <td>

<telerik:RadGrid ID="rgrdEMS" runat="server" AllowPaging="True" PageSize="15" AllowSorting="True"
                                        AllowFilteringByColumn="True" CommandItemDisplay="Top" EnableLinqExpressions="false"
                                        OnItemCommand="rgrdEMS_ItemCommand" CellSpacing="0" GridLines="None" Skin="Silk">
                                        <MasterTableView AutoGenerateColumns="false" CommandItemDisplay="Top" TableLayout="Fixed" >
                                            <CommandItemTemplate>
                                                <div style="padding: 5px 5px;">
                                                    <asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="openConfirmationWindow('',0,0,'','',''); return false;" Visible="true"><img style="border:0px;vertical-align:middle;" alt="" src="Images/AddRecord.png"/>Add new EM</asp:LinkButton>&nbsp;&nbsp;
                                                    <asp:LinkButton ID="LinkButton4" runat="server" CommandName="RebindGrid"><img style="border:0px;vertical-align:middle;" alt="" src="Images/Refresh.png"/>Refresh EM list</asp:LinkButton>
                                                </div>
                                            </CommandItemTemplate>
                                            <ColumnGroups>
                                                <telerik:GridColumnGroup Name="GeneralInformation" HeaderText="General Information"
                                                    HeaderStyle-HorizontalAlign="Center" />
                                                <telerik:GridColumnGroup Name="Location" HeaderText="Location"
                                                    HeaderStyle-HorizontalAlign="Center" />
                                            </ColumnGroups>
                                            <HeaderStyle Width="102px" />
                                            <Columns>
                                                <telerik:GridTemplateColumn ColumnGroupName="GeneralInformation">
                                                      <HeaderStyle Width="55px" />
                                                      <ItemTemplate>      
                                                          <asp:ImageButton ID="btnEdit" runat="server" ImageUrl="Images/edit.gif" OnClientClick='<%# String.Format("openConfirmationWindow(""{0}"",""{1}"",""{2}"",""{3}"",""{4}"",""{5}""); return false;", Eval("ResourceName"), Eval("ID"), Eval("CM_ID"), Eval("CONTACT_DETAILS"), Eval("EM_SKILLS"), Eval("EM_AREAS")) %>'/>    
                                                          <asp:ImageButton ID="btnDelete" runat="server" OnClientClick='<%# String.Format("return confirm(""Are you sure you want to delete {0}?"");", Eval("ResourceName")) %>' CommandName="DeleteEM" CommandArgument='<%# String.Format("{0}", Eval("ID")) %>' ImageUrl="Images/deleteicon.png" />   
                                                      </ItemTemplate>          
                                                    <FilterTemplate>
                                                    </FilterTemplate>            
                                                </telerik:GridTemplateColumn>
                                                <telerik:GridBoundColumn DataField="ResourceName" HeaderText="Resource Name" UniqueName="ResourceName"
                                                    ColumnGroupName="GeneralInformation">
                                                    <HeaderStyle Width="120px" />
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Contact_Details" HeaderText="Additional Contact Details" UniqueName="Contact_Details" ColumnGroupName="GeneralInformation">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="GeoKey" HeaderText="Geography" UniqueName="GeoKey" ColumnGroupName="Location">
                                                    <HeaderStyle Width="100px" />
                                                        <FilterTemplate>
                                                            <telerik:RadComboBox ID="GeographyCombo" runat="server" Height="200px" Width="95px" SelectedValue='<%# CType(Container, GridItem).OwnerTableView.GetColumn("GeoKey").CurrentFilterValue %>'
                                                                OnClientSelectedIndexChanged="GeographyComboIndexChanged" >
                                                                <Items>
                                                                    <telerik:RadComboBoxItem Text="All" Value="" />
                                                                    <telerik:RadComboBoxItem Text="AMER" Value="AMER" />
                                                                    <telerik:RadComboBoxItem Text="APAC" Value="APAC" />
                                                                    <telerik:RadComboBoxItem Text="AMEA" Value="AMEA" />
                                                                    <telerik:RadComboBoxItem Text="USPS" Value="USPS" />
                                                                    <telerik:RadComboBoxItem Text="Unassigned" Value="UNASSIGNED" />
                                                                </Items>
                                                            </telerik:RadComboBox>
                                                            <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                                                                <script type="text/javascript">
                                                                    function GeographyComboIndexChanged(sender, args) {
                                                                        var tableView = $find("<%# CType(Container, GridItem).OwnerTableView.ClientID %>");
                                                                        tableView.filter("GeoKey", args.get_item().get_value(), "EqualTo");
                                                                    }
                                                                </script>
                                                            </telerik:RadScriptBlock>
                                                            
                                                        </FilterTemplate>
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Area_Title" HeaderText="Area" UniqueName="Area_Title"
                                                    ColumnGroupName="Location">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Office_Name" HeaderText="Office" UniqueName="Office_Name"
                                                    ColumnGroupName="Location" FilterControlWidth="60px">
                                                    <HeaderStyle Width="115px" />                                                            
                                                </telerik:GridBoundColumn>
                                            </Columns>
                                            <PagerStyle PageSizes="5,10,15" PagerTextFormat="{4}<strong>{5}</strong> EMs matching your search criteria"
                                                PageSizeLabelText="EMs per page:" />
                                        </MasterTableView>
                                    </telerik:RadGrid>
                                    </td>
                                </tr>
                            </table>
                        </div>                        
                    </td>
                </tr>
            </table>

[Pavlina]

Hello,

It is really strange that the issue persists only in Chrome. However, what you can try is to populate the grid with data inside NeedDataSource server-side event instead of calling DataBind() method and see if the same error still persists.

Another possible reason could be the following line of code inside Geography column FilterTemplate:

SelectedValue='<%# CType(Container, GridItem).OwnerTableView.GetColumn("GeoKey").CurrentFilterValue %>'

Could you try temporary removing SelectedValue from the combobox and let me know about the result?

Regards,
Pavlina
Telerik