使用Panel控件显示或隐藏一组控件

下面示例主要是使用Panel控件，显示或隐藏一组控件。当用户未登录时，将提示用户单击【点击me】按钮登录本网站，如图1所示；当用户单击【点击me】按钮登录时，将会隐藏提示信息，显示用户登录窗体，如图2所示。

图1 提示用户单击【登录】按钮登录本网站

图2 用户登录窗体

程序实现的主要步骤：

新建一个网站，默认主页为Default.aspx，在Default.aspx页面上添加的控件及其用途如表1所示。

表1 Default.aspx页面上添加的控件及其用途如表

控件类型	控件名称	主要属性设置	用途
标准/Panel控件	Panel1	Font/Size设置为“9pt” Font/Bold设置为“True” ForeColor设置为“Red” HorizontalAlign设置为“Left”	用于存放Label1和LinkButton1控件
标准/Panel控件	Panel2	Font/Size设置为“9pt” HorizontalAlign设置为“Left”	用于存放Button1和TextBox1控件
标准/Label控件	Label1	Text属性设置为“”	显示当前系统时间
标准/ LinkButton控件	LinkButton1	Text属性设置为“点击me”	执行显示或隐藏Panel控件
标准/Button控件	Button1	Text属性设置为“登录”	执行登录功能
标准/TextBox1控件	TextBox1	TextMode属性设置为“SingleLine”	输入登录名

如果用户需要登录网站，可以通过单击【点击me】按钮，来隐藏Panel1控件，显示Panel2控件，在【点击me】按钮的Click事件下添加的代码如下：

protected void LinkButton1_Click(object sender, EventArgs e)

{

this.Panel1.Visible = false;

this.Panel2.Visible = true;

}