asp.net - 一页中的多个 Ajax Collapsers 导致关闭

Question

好的，所以目前我有一个用于“高级搜索”选项的 ajax 折叠器。然后我添加了一个顶部导航栏，用户也可以使用 ajax 折叠器显示/隐藏该导航栏。默认情况下，折叠器是打开的，搜索是关闭的。现在，当我单击以打开搜索选项时，它会关闭导航面板。我似乎无法弄清楚为什么会这样做...任何帮助都非常感谢。

<asp:UpdatePanel ID="upNorth" runat="server">
        <ContentTemplate>
            <asp:Panel ID="pnlNavigation" runat="server" Width="100%">
                    <div style="float:left;">
                        <asp:Menu ID="NavOptions" CssClass="toolbar" runat="server" Orientation="Horizontal" 
                        </asp:Menu>
                    </div>
                    <div style="float:right; margin-right:20px;">
                        <asp:Menu ID="NavActions" CssClass="toolbar" runat="server" Orientation="Horizontal" 
                        </asp:Menu>        
                    </div>          
            </asp:Panel>
            <div id="CollapseBar" runat="server" class="bar"><asp:Image ID="iBar" runat="server" ImageUrl="../img/bar.jpg" /></div>
            <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="Server"
                    TargetControlID="pnlNavigation"
                    CollapsedSize="0"
                    Collapsed="false"
                    ExpandControlID="iBar"
                    CollapseControlID="iBar"
                    AutoCollapse="False"
                    AutoExpand="False"
                    SuppressPostBack="true"
                    ScrollContents="false"
                    ExpandDirection="Vertical"></ajaxToolkit:CollapsiblePanelExtender>
        </ContentTemplate>
    </asp:UpdatePanel>
    <div id="content">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <Triggers></Triggers>
            <ContentTemplate>
                <table>
                    <tr>
                        <td><asp:TextBox ID="txtSearch" runat="server" /></td>
                        <td><asp:Button ID="btnSearch" runat="server" Text="Buscar" CssClass="buttons" /></td>
                    </tr>
                </table>
            <asp:LinkButton ID="lbShowBusqueda" runat="server" Text="Advanced Options" />
            <asp:Image ID="imgCollapse" runat="server" ImageUrl="../img/down.png" />
            <asp:Panel ID="Panel1" runat="server">
                <table>
                    <tr>
                        <td>Name</td>
                        <td><asp:TextBox ID="txtName" runat="server" /></td>
                        <td>Lastname</td>
                        <td><asp:TextBox ID="txtLastName" runat="server" /></td>
                    </tr>
                </table>
            </asp:Panel>
            <ajaxToolkit:CollapsiblePanelExtender ID="cpe" runat="Server"
                TargetControlID="Panel1"
                CollapsedSize="0"
                Collapsed="True"
                ExpandControlID="lbShowBusqueda"
                CollapseControlID="lbShowBusqueda"
                AutoCollapse="False"
                AutoExpand="False"

                ImageControlID="imgCollapse"
                ExpandedImage="../img/up.png"
                CollapsedImage="../img/down.png"
                ExpandDirection="Vertical"></ajaxToolkit:CollapsiblePanelExtender>
                </ContentTemplate>
            </asp:UpdatePanel>

Answer 1

没关系，看来我必须指定 expandsize 才能保持打开状态……很奇怪，但它可以工作……