在同一页面上关闭另一个可打开的另一个可折叠面板！ [英] Closing the previous collapsible panel on the opening of another on same page !

问题描述

我有一个登录表单，我有两个面板给两种用户登录。两个面板都在它们各自的可折叠面板中。现在我想要的是，如果假设我点击了colapsible panel1并且它打开了，而且我点击了可折叠面板2，可折叠面板2应该展开但是可折叠面板应该自动折叠，一次只能打开一个collpase面板。此外，我没有使用任何其他链接按钮事件来打开可碰撞面板，我使用的只是纯粹的ajax。那么，我可以实现这个吗？



我的可折叠面板的html代码如下：

 <   cc1：CollapsiblePanelExtender     ID   =  cpeOnlineLogin    runat   = 服务器    TargetControlID   =  pn_online_login  
   
                                                                           ExpandControlID   =  pn_header_online    CollapseControlID   =  pn_header_online    TextLabelID   =  lblOnline  
   
                  < span class =code-attribute>                                                  < span class =code-attribute>       CollapsedText   = 在线用户< span style ='text-decoration：下划线; padding-left：5px;颜色：＃0066cc'>点击此处< / span>  
   
                                                                      < span class =code-attribute>     ExpandedText   = 输入您的详细信息   折叠  = 真    SuppressPostBack   =  true < span class =code-attribute> 
   
                      < span class =code-attribute>                                        < span class =code-attribute>             BehaviorID   =  cpeOnlineLogin >  
 <   / cc1：CollapsiblePanelExtender  >  
 
 <   cc1：CollapsiblePanelExtender     ID   =  cpelogin    runat   =  server    TargetControlID   =  pn_offline_login  
   
  < span class =code-attribute>                                        < span class =code-attribute>                                 ExpandControlID   =   pn_Header_cpe    CollapseControlID  < span class =code-keyword> =  pn_Header_cpe    TextLabelID   =   lblText  
   
                                                < span class =code-attribute>                           CollapsedText   = 离线用户< span style ='text-decoration：下划线;填充左：5px的;颜色：＃0066cc'>点击此处< / span>  
   
                                                                      < span class =code-attribute>     ExpandedText   = 输入您的详细信息   折叠  = 真    SuppressPostBack   =  true < span class =code-attribute> 
   
                      < span class =code-attribute>                                        < span class =code-attribute>             BehaviorID   =  cpelogin >  
 <   / cc1：CollapsiblePanelExtender  >  > 

请帮忙！

解决方案

而不是它，使用 AJAX Accordion [ ^ ]控制...

在内容中，将您的登录信息放在另一个内容位置注册..



希望它能帮助你：）

在expand& amp; amp; amp; amp; amp; amp; amp;关于collpase请点击此链接

http://stackoverflow.com/questions/917010/collapsiblepanelextender - 点击活动



如果您可以使用可折叠面板的状态，请点击此链接

http://www.mindfiresolutions.com/Collapsible-Panel--Expand -and-塌陷使用JavaScript的功能于ASPNET-698.php

Hi,

I have a login form on which I am having two panels giving two kinds of user to login. Both the panels are in their respective collapsible panels. Now what I want is that if suppose I have clicked on colapsible panel1 and it opens and and than i click on collapsible panel2 , collapsible panel2 should expand but collapsible panel should collapse automatically making only one collpase panel to be opened at a time. Moreover I am not making use of any other link button event to open the collpasible panel, all I am using is pure ajax. So, can i achieve this ???

My html code of collapsible panel is given below :

<cc1:CollapsiblePanelExtender ID="cpeOnlineLogin" runat="server" TargetControlID="pn_online_login"

                                    ExpandControlID="pn_header_online" CollapseControlID="pn_header_online" TextLabelID="lblOnline"

                                    CollapsedText="Online Users<span style='text-decoration:underline;padding-left:5px; color:#0066cc'>Click Here</span>"

                                    ExpandedText=" Enter Your Details Below" Collapsed="True" SuppressPostBack="true"

                                    BehaviorID="cpeOnlineLogin">
                                </cc1:CollapsiblePanelExtender>

  <cc1:CollapsiblePanelExtender ID="cpelogin" runat="server" TargetControlID="pn_offline_login"

                                    ExpandControlID="pn_Header_cpe" CollapseControlID="pn_Header_cpe" TextLabelID="lblText"

                                    CollapsedText="Offline Users<span style='text-decoration:underline; padding-left:5px; color:#0066cc'>Click Here</span>"

                                    ExpandedText=" Enter Your Details Below" Collapsed="True" SuppressPostBack="true"

                                    BehaviorID="cpelogin">
                                </cc1:CollapsiblePanelExtender>>

Please help !

解决方案

Instead of it, use AJAX Accordion[^] Control...
In contents, place your Login and in another content place Registration..

Hope it''d help you :)

Add events to collapsible panel on expand & on collpase follow this link
http://stackoverflow.com/questions/917010/collapsiblepanelextender-click-event

In the event you can chage state of collapsible panel follow this link
http://www.mindfiresolutions.com/Collapsible-Panel--Expand-and-Collapse-using-Javascript-in-ASPNET-698.php

这篇关于在同一页面上关闭另一个可打开的另一个可折叠面板！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！