Ajax Toolkit嵌套手风琴查找控件

Question

I am having a nested accordion and i want to find control inside it.

Here is the Html Code,

<div>
                <div>
                    <%--First Level--%>
                    <cc1:Accordion ID="accorFirst" runat="server" RequireOpenedPane="false" SelectedIndex="-1"
                        HeaderCssClass="header-first" HeaderSelectedCssClass="header_selected-first" ContentCssClass="content" ViewStateMode="Enabled" OnItemDataBound="AccordionFirstItemDataBound">
                        <HeaderTemplate>
                            <%#Eval("Name") %>
                        </HeaderTemplate>
                        <ContentTemplate>
                            <%--Second Level--%>
                            <asp:HiddenField ID="hdnIDFirst" runat="server" Value='<%#Eval("Id") %>' />
                            <cc1:Accordion ID="accorSecond" runat="server" RequireOpenedPane="false" SelectedIndex="-1"
                                HeaderCssClass="header-second" HeaderSelectedCssClass="header_selected-second" ContentCssClass="content" ViewStateMode="Enabled" OnItemDataBound="AccordionSecondItemDataBound">
                                <HeaderTemplate>
                                    <%#Eval("Name") %>
                                </HeaderTemplate>
                                <ContentTemplate>
                                    <asp:HiddenField ID="hdnIDSecond" runat="server" Value='<%#Eval("Id") %>' />
                                    <%--Third Level--%>
                                    <cc1:Accordion ID="accorThird" runat="server" RequireOpenedPane="false" SelectedIndex="-1" ViewStateMode="Enabled"
                                        HeaderCssClass="header-third" HeaderSelectedCssClass="header_selected-third" ContentCssClass="content">
                                        <HeaderTemplate>
                                            <%#Eval("Name") %>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <asp:TextBox ID="txtFirst" CssClass="test-class" runat="server"></asp:TextBox>
                                        </ContentTemplate>
                                    </cc1:Accordion>
                                </ContentTemplate>
                            </cc1:Accordion>
                        </ContentTemplate>
                    </cc1:Accordion>
                </div>
            </div>

I want to get value for each "txtFirst" on button click event. Please provide sample code. Thanks in advance.

Presently I am using this code and not getting any result

 protected void btnSave_Click(object sender, EventArgs e)
{
    foreach (var first in accorFirst.Panes)
    {
        var accorSecond = first.FindControl("accorSecond") as Accordion;
        foreach (var second in accorSecond.Panes)
        {
            var accorThird = second.FindControl("accorThird") as Accordion;
            foreach (var third in accorThird.Panes)
            {
                var txtFirst = third.FindControl("txtFirst") as TextBox;
                string dataToSave = txtFirst.Text;
            }
        }
    }
}

Answer 1

You can't access controls inside Accordion's ContentTemplate. Unfortunately, this control doesn't provide a ContentTemplateContainer property as for example UpdatePanel does.

Try to place nested Accordions inside Accordion Panes instead of placing them in ContentTemplate.