Ajax控件工具包CollapsiblePanel扩展页面上的所有控件

Question

我目前在我的代码中有两个ListView控件，一个将显示一个产品，另一个显示不同产品的价格变化。我的可折叠面板放置在第二个ListView中。当第一个可折叠面板在加载的网页上单击时，所有可折叠面板都展开（关闭也可以）。进一步点击任何其他可折叠面板（除了第一面板），什么都不会发生。 我曾尝试将id分配给目标面板，并得到一条错误消息，说在运行时不能将id分配给控件。

这里是第二列表视图的一些示例代码：

<LayoutTemplate> 

<asp:Panel ID="pnlMoreProducts" runat="server" > 
<asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>        
</asp:Panel> 

<div id="productCollDiv" class="productCollPanel"> 
<asp:Label ID="lblCollPanel" CssClass="lblCollPanel" runat="server" ></asp:Label> 
         </div> 

<ajaxToolkit:CollapsiblePanelExtender ID="cpeMoreProducts" AutoCollapse="false" runat="server" TargetControlID="pnlMoreProducts" 
          CollapsedSize="0" Collapsed="true" TextLabelID="lblCollPanel" CollapsedText="Show More Products" ExpandedText="Hide Products" 
          ExpandDirection="vertical" ExpandControlID="productCollDiv" CollapseControlID="productCollDiv" SuppressPostBack="true" /> 
        </LayoutTemplate> 

任何帮助，将不胜感激。 谢谢。

Answer 1

与此模板尝试：

<asp:Panel ID="pHeader1" runat="server" CssClass="cpHeader"> 
    <asp:Label ID="lblHeaderText1" runat="server" /> 
</asp:Panel> 
<asp:Panel ID="pBody1" runat="server" CssClass="cpBody"> 
    <asp:Label ID="lblBodyText1" runat="server" /> 
</asp:Panel> 
<act:CollapsiblePanelExtender ID="cpe1" runat="server" TargetControlID="pBody1" CollapseControlID="pHeader1" 
    ExpandControlID="pHeader1" Collapsed="false" TextLabelID="lblHeaderText1" CollapsedText="Open..." 
    ExpandedText="Close..." CollapsedSize="0" ExpandedSize="200" 
    ScrollContents="true"> 
</act:CollapsiblePanelExtender> 

<asp:Panel ID="pHeader2" runat="server" CssClass="cpHeader"> 
    <asp:Label ID="lblHeaderText2" runat="server" /> 
</asp:Panel> 
<asp:Panel ID="pBody2" runat="server" CssClass="cpBody"> 
    <asp:Label ID="lblBodyText2" runat="server" /> 
</asp:Panel> 
<act:CollapsiblePanelExtender ID="cpe2" runat="server" TargetControlID="pBody2" CollapseControlID="pHeader2" 
    ExpandControlID="pHeader2" Collapsed="false" TextLabelID="lblHeaderText2" CollapsedText="Open..." 
    ExpandedText="Close..." CollapsedSize="0" ExpandedSize="200" 
    ScrollContents="true"> 
</act:CollapsiblePanelExtender>