0

現在、私のコードには 2 つの ListView コントロールがあります。1 つは製品を表示し、もう 1 つはさまざまな製品バリエーションと価格を表示します。折りたたみ可能なパネルは、2 番目の ListView 内に配置されます。読み込まれた Web ページで最初の折りたたみ可能なパネルをクリックすると、すべての折りたたみ可能なパネルが展開されます (閉じることもできます)。さらに、他の折りたたみ可能なパネル (最初のパネル以外) をクリックしても何も起こりません。対象のパネルに ID を割り当てようとしましたが、実行時に ID をコントロールに割り当てることができないというエラー メッセージが表示されます。

2 番目のリストビューのサンプル コードを次に示します。

<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>

どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

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>
于 2013-03-01T09:00:32.317 に答える