asp.net中的多个collapsiblepanel问题

我有一个aspx页面，其中包含一些collapsiblepanels，我希望用户一次只能展开一个 - 所以如果panel1被展开，那么panel2和panel3会自动关闭。无论如何要做到这一点？asp.net中的多个collapsiblepanel问题

<asp:button runat="server" id="btn1" text="test1"/> 
<asp:button runat="server" id="btn2" text="test2"/> 
<asp:button runat="server" id="btn3" text="test3"/> 
<asp:penel id="pnl1" runat="server">Panel 1 content</panel> 
<asp:CollapsiblePanelExtender ID="cpe1" runat="Server" TargetControlID="pnl1" 
ExpandControlID="btn1" CollapseControlID="btn1" Collapsed="True"/> 
<asp:penel id="pnl2" runat="server">Panel 2 content</panel> 
<asp:CollapsiblePanelExtender ID="cpe2" runat="Server" TargetControlID="pnl2" 
ExpandControlID="btn2" CollapseControlID="btn2" Collapsed="True"/> 
<asp:penel id="pnl3" runat="server">Panel 3 content</panel> 
<asp:CollapsiblePanelExtender ID="cpe3" runat="Server" TargetControlID="pnl3" 
ExpandControlID="btn3" CollapseControlID="btn3" Collapsed="True"/>

来源

2011-09-03 mayur Rathod

你好朋友我得到了答案，如果任何budy想要回答通知我。 –

自己发布答案并将其标记为正确以帮助他人。 – TheCodeKing

一次打开一个面板先给behaviorID每个可折叠的面板，并使用JavaScript来关闭所有其他然后对当前事件的OnClientClick。

<script type="text/javascript"> 
    function closePanel(con1,con2) { 
    $find(con1)._doClose(); 
    $find(con2)._doClose();} 
    </script> 
    <asp:button OnClientClick="closePanel('colps2','colps3');" runat="server" id="btn1"  text="test1"/> 
    <asp:button OnClientClick="closePanel('colps1','colps3');" runat="server" id="btn2" text="test2"/> 
    <asp:button OnClientClick="closePanel('colps1','colps2');" runat="server" id="btn3" text="test3"/> 
    <asp:penel id="pnl1" runat="server">Panel 1 content</panel> 
    <asp:CollapsiblePanelExtender ID="cpe1" runat="Server" TargetControlID="pnl1" 
    ExpandControlID="btn1" CollapseControlID="btn1" Collapsed="True"  BehaviorID="colps1"/> 
    <asp:penel id="pnl2" runat="server">Panel 2 content</panel> 
    <asp:CollapsiblePanelExtender ID="cpe2" runat="Server" TargetControlID="pnl2" 
    ExpandControlID="btn2" CollapseControlID="btn2" Collapsed="True" BehaviorID="colps2"/> 
    <asp:penel id="pnl3" runat="server">Panel 3 content</panel> 
    <asp:CollapsiblePanelExtender ID="cpe3" runat="Server" TargetControlID="pnl3" 
    ExpandControlID="btn3" CollapseControlID="btn3" Collapsed="True" BehaviorID="colps3"/>

来源

2011-09-09 11:20:25

asp.net中的多个collapsiblepanel问题

回答

相关问题