控件的显示隐藏方法

标签：

[html] view plain copy

 

 

1. <span style="font-size:14px;"><asp:Panel ID="Panel1" runat="server" Font-Size="Medium">  
2.      <span id="sayHello">您好,<span><%=Session["UserName"] %></span></span>  
3.      <asp:HyperLink ID="hlPersonalSpace" runat="server" NavigateUrl="~/NeedHelpSpace.aspx" Target="_self">个人空间</asp:HyperLink>  
4.      <asp:HyperLink ID="hlInfo" runat="server">消息</asp:HyperLink>  
5.      <asp:LinkButton ID="hlQuit" runat="server" OnClick="hlQuit_Click" >退出</asp:LinkButton>  
6.  </asp:Panel></span>  

    panel2：

[html] view plain copy

 

 

1. <span style="font-size:14px;"><asp:Panel ID="Panel2" runat="server" Font-Size="Medium">  
2.             您好,游客  
3.        <a href="#" onclick="$(‘#w‘).window(‘open‘)">登陆</a>   
4.        <asp:HyperLink ID="hlRegister" runat="server" NavigateUrl="~/Register.aspx" Target="_blank">注册</asp:HyperLink>    
5.        <asp:HyperLink ID="hlSearch" runat="server">帮助</asp:HyperLink>    
6.  </asp:Panel></span>  

  后台代码：

[csharp] view plain copy

 

 

1. <span style="font-size:14px;">            if (Session["UserName"] == null)  
2.             {  
3.                 Panel2.Visible = true;  
4.                 Panel1.Visible = false;  
5.             }  
6.             else  
7.             {  
8.                 Panel1.Visible = true;  
9.                 Panel2.Visible = false;  
10.             }</span>  

    二、使用div作为容器

    但是我这里因为使用到了母版，而Asp控件必须放在服务器端form中，这个可能会跟子页引发冲突，导致一个页面具有两个服务器端form。所以，需要改成Html控件。在这里我使用的方法是将相关html控件和标签放到div中，但是div必须添加runat=“Server”，然后才能跟后台进行交互。也可以使用Js直接对div的显隐进行控制，代码如下：

    div1：

    div2：

    C#后台调用方法：

    如果使用Js直接调用的话，可以操控div显隐的方法如下：

    最终实现的效果如下：

                              图3：登陆前

                              图4：登陆后

控件的显示隐藏方法

标签：

原文地址：http://www.cnblogs.com/ysz12300/p/5494831.html