I’m developing on Asp.Net web application with Infragistics 2015 controls.

I have created the multi column webdropdown using template (webdatagrid placed inside the itemtemplate)  as suggested here http://help.infragistics.com/doc/ASPNET/2014.1/CLR4.0/?page=WebDropDown_Create_a_Multi_Column_WebDropDown_using_Templates.html

Datasource of the webdatagrid will be assigned in the code-behind.    This works fine. 

But while postback the page it throws the following error,  “ 0x800a139e - JavaScript runtime error: Sys.InvalidOperationException: Two components with the same id 'ContentPlaceHolder1_WebTab1_tmpl0_wddInvestigationName_0_wdGInvName' can't be added to the application. “

 All these controls placed inside the webtab control.

 We are using Infragistics4.Web.v15.1.  

 Any help would be appreciated.

Sample code :

     <asp:UpdatePanel ID="UpdatePanel1" runat="server">

        <ContentTemplate>

            <ig:WebTab ID="WebTab1" runat="server" Height="200px" Width="100%">

                <tabs>

                    <ig:ContentTabItem runat="server" Text="Drilldown" ClientIDMode="AutoID">

                        <Template>

                            <div style="padding-top: 15px; padding-bottom: 15px; width: 100%" id="divDropdowns">

                                <table>

                                    <tr>

                                        <td align="right">

                                            <asp:Label runat="server" ID="lblInvNo" Text="Inv No : " Font-Bold="true"></asp:Label>

                                        </td>

                                        <td align="left" width="95px">

                                            <ig:WebDropDown ID="wddInvestigationNo" runat="server" Width="200px"  EnableDropDownAsChild="false"

                                                DataTextField="InvId" DataValueField="InvId">

                                                   <Items>

                                                        <ig:DropDownItem></ig:DropDownItem>

                                                    </Items>

                                                <ItemTemplate>

                                                    <ig:WebDataGrid ID="wdGInvNo" runat="server" Height="350px" Width="400px" AutoGenerateColumns="False"  >

                                                         <Columns>

                                                                <ig:BoundDataField DataFieldName="InvId" Key="InvId" Width="20%">

                                                                    <Header Text="InvId">

                                                                    </Header>

                                                                </ig:BoundDataField>

                                                                <ig:BoundDataField DataFieldName="InvName" Key="InvName" Width="60%">

                                                                    <Header Text="InvName">

                                                                    </Header>

                                                                </ig:BoundDataField>

                                                                <ig:BoundDataField DataFieldName="Status" Key="Status" Width="20%">

                                                                    <Header Text="Status">

                                                                    </Header>

                                                                </ig:BoundDataField>

                                                            </Columns>

                                                         <Behaviors>

                                                             <ig:Selection CellClickAction="Row" RowSelectType="Single" Enabled="True">

                                                                  <AutoPostBackFlags RowSelectionChanged="true" />

                                                                    <SelectionClientEvents RowSelectionChanged="DropdownRowslection" />

                                                             </ig:Selection>

                                                         </Behaviors>

                                                        </ig:WebDataGrid>

                                            </ig:WebDropDown>

                                        </td>

                                    </tr>

                                    <tr>

                                        <td>

                                            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="btnSearch_Click" />

                                        </td>

                                     </tr>

                                </table>

                        </Template>

                    </ig:ContentTabItem>               

                </Tabs>

            </ig:WebTab>

        </ContentTemplate>

   </asp:UpdatePanel>