Ajax Control Toolkit CollapsiblePanel은 페이지의 모든 컨트롤을 확장합니다.

Question

현재 코드에 두 개의 ListView 컨트롤이 있습니다. 하나는 제품을 표시하고 다른 하나는 가격이 다른 다양한 제품을 표시합니다. My Collapsible 패널은 두 번째 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>