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>