Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
asp.net中的多个可折叠面板问题_Asp.net_Ajax - Fatal编程技术网

asp.net中的多个可折叠面板问题

asp.net中的多个可折叠面板问题,asp.net,ajax,Asp.net,Ajax,我有一个包含许多可折叠面板的aspx页面,我希望用户一次只能展开一个面板-因此,如果展开了panel1,则panel2和panel3将自动关闭。有什么办法可以这样做吗 <asp:button runat="server" id="btn1" text="test1"/> <asp:button runat="server" id="btn2" text="test2"/> <asp:button runat="server" id="btn3" text="test

我有一个包含许多可折叠面板的aspx页面,我希望用户一次只能展开一个面板-因此,如果展开了panel1,则panel2和panel3将自动关闭。有什么办法可以这样做吗

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

小组1内容
小组2内容
小组3内容

一次打开一个面板,首先为每个可折叠面板提供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"/>

功能关闭面板(con1、con2){
$find(con1)。\u doClose();
$find(con2)。\u doClose();}
小组1内容
小组2内容
小组3内容

你好,朋友们,我得到了答案。如果有人想要答案,请通知我。请自己发布答案,并将其标记为正确,以帮助他人。