Multiple controls with the same ID were found - Changing page on RadGrid

[Paul]

I'm getting an error whenever I try to change the page or filter a RadGrid inside a RadPageView (which in itself is in an UpdatePanel). I only have the one control named "Audits" (the name of the PageView, not the grid) and it doesn't matter if I rename the control.

An outline of my setup is below:
<asp:UpdatePanel ID="pnl_mainUpdate" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>
  <telerik:RadMultiPage ID="rdmp_pages" runat="server" SelectedIndex="0" CssClass="tabbedPage">
            <telerik:RadPageView ID="Audits" runat="server" CssClass="overflowTab">
                <telerik:RadGrid ID="rdgAudits" runat="server" AutoGenerateColumns="false" Skin="WebBlue" AllowPaging="True" PageSize="10" Width="95%" OnNeedDataSource="RdgAuditsNeedDataSource" CssClass="centreAlign" EnableHeaderContextFilterMenu="true" EnableHeaderContextMenu="true" EnableAjax="true"   >
                    <MasterTableView AllowFilteringByColumn="true" CommandItemDisplay="None" Font-Names="'Ubuntu', sans serif" IsFilterItemExpanded="false" DataKeyNames="Id"  >
                        <CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" />
                        <NoRecordsTemplate>
                            No audit history recorded
                        </NoRecordsTemplate>
                        <Columns>
                            <telerik:GridBoundColumn HeaderText="Field" DataField="Field" />
                            <telerik:GridBoundColumn HeaderText="Original Value" DataField="From" />
                            <telerik:GridBoundColumn HeaderText="New Value" DataField="To" />
                            <telerik:GridBoundColumn HeaderText="Changed By" DataField="UserName" />
                            <telerik:GridBoundColumn HeaderText="Changed" DataField="Changed" />
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>
            </telerik:RadPageView>
        </telerik:RadMultiPage>
                        <asp:UpdateProgress ID="UpdateProgressIcon" runat="server" DisplayAfter="0" AssociatedUpdatePanelID="pnl_mainUpdate">
                            <ProgressTemplate>
                                <div class="loadingPopup">
                                    <asp:Image ID="img_spinner" runat="server" ImageUrl="~/Images/spinner.gif" CssClass="loadingSpinner" />
                                </div>
                            </ProgressTemplate>
                        </asp:UpdateProgress>
                    </ContentTemplate>
                </asp:UpdatePanel>

The full error is as below:
Uncaught Sys.WebForms.PageRequestManagerServerErrorException: Sys.WebForms.PageRequestManagerServerErrorException: Multiple controls with the same ID 'Audits' were found. FindControl requires that controls have unique IDs.
Any suggestions?

[Shinu]

Hi Paul,

I was not able to replicate the error. Here is the full code I tried which works fine at my end.

ASPX:

<asp:UpdatePanel ID="pnl_mainUpdate" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <telerik:RadTabStrip ID="RadTabStrip" runat="server" MultiPageID="rdmp_pages" EnableDragToReorder="true">
            <Tabs>
                <telerik:RadTab runat="server" Text="RadGrid" PageViewID="Audits">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Page 2" PageViewID="RadPageView2">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="rdmp_pages" runat="server" SelectedIndex="0">
            <telerik:RadPageView ID="Audits" runat="server">
                <br />
                <br />
                <telerik:RadGrid ID="rdgAudits" runat="server" AutoGenerateColumns="false" Skin="WebBlue"
                    AllowFilteringByColumn="true" DataSourceID="SqlDataSource2" AllowPaging="True"
                    PageSize="10" Width="95%" EnableHeaderContextFilterMenu="true" EnableHeaderContextMenu="true"
                    EnableAjax="true">
                    <MasterTableView AllowFilteringByColumn="true" CommandItemDisplay="None" Font-Names="'Ubuntu', sans serif"
                        DataKeyNames="Id">
                        <CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" />
                        <NoRecordsTemplate>
                            No audit history recorded
                        </NoRecordsTemplate>
                        <Columns>
                            <telerik:GridBoundColumn HeaderText="Order ID" DataField="OrderID" />
                            <telerik:GridBoundColumn HeaderText="Ship City" DataField="ShipCity" />
                        </Columns>
                    </MasterTableView>
                </telerik:RadGrid>
            </telerik:RadPageView>
            <telerik:RadPageView runat="server" ID="RadPageView2">
                PageView 2
            </telerik:RadPageView>
        </telerik:RadMultiPage>
        <asp:UpdateProgress ID="UpdateProgressIcon" runat="server" DisplayAfter="0" AssociatedUpdatePanelID="pnl_mainUpdate">
            <ProgressTemplate>
                <div class="loadingPopup">
                    <asp:Image ID="img_spinner" runat="server" ImageUrl="~/Images/aud.jpg" />
                </div>
            </ProgressTemplate>
        </asp:UpdateProgress>
    </ContentTemplate>
</asp:UpdatePanel>
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
    SelectCommand="select top 20 * from [Orders];"></asp:SqlDataSource>

Thanks,
Shinu.