5.8 面板控件(Panel)
面板控件就好像是一些控件的容器,可以将一些控件包含在面板控件内,然后对面板控制进行操作来设置在面板控件内的所有控件是显示还是隐藏,从而达到设计者的特殊目的。当创建一个面板控件时,系统会生成相应的HTML代码,示例代码如下所示。
面板控件的常用功能就是显示或隐藏一组控件,示例HTML代码如下所示。
上述代码创建了一个Panel控件, Panel控件默认属性为隐藏,并在控件外创建了一个Button控件Button1,当用户单击外部的按钮控件后将显示Panel控件,cs代码如下所示。
当页面初次被载入时,Panel控件以及Panel控件内部的服务器控件都为隐藏,如图5-21所示。当用户单击Button1时,则Panel控件可见性为可见,则页面中的Panel控件以及Panel控件中的所有服务器控件也都为可见,如图5-22所示。
图5-21 Panel控件隐藏
图5-22 Panel被显示
将TextBox控件和Button控件放到Panel控件中,可以为Panel控件的DefaultButton属性设置为面板中某个按钮的ID来定义一个默认的按钮。当用户在面板中输入完毕,可以直接按Enter键来传送表单。并且,当设置了Panel控件的高度和宽度时,当Panel控件中的内容高度或宽度超过时,还能够自动出现滚动条。
Panel控件还包含一个GroupText属性,当Panel控件的GroupText属性被设置时,Panel将会被创建一个带标题的分组框,效果如图5-23所示。
图5-23 Panel控件的GroupText属性
GroupText属性能够进行Panel控件的样式呈现,通过编写GroupText属性能够更加清晰的让用户了解Panel控件中服务器控件的类别。例如当有一组服务器用于填写用户的信息时,可以将Panel控件的GroupText属性编写成为“用户信息”,让用户知道该区域是用于填写用户信息的。
+展开
-HTML
<asp:Panel ID="Panel1" runat="server">
</asp:Panel>
</asp:Panel>
面板控件的常用功能就是显示或隐藏一组控件,示例HTML代码如下所示。
+展开
-HTML
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" Text="Show" />
<asp:Panel ID="Panel1" runat="server" Visible="False">
<asp:Label ID="Label1" runat="server" Text="Name:" style="font-size: xx-large"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br >
This is a Panel!
</asp:Panel>
</form>
<asp:Button ID="Button1" runat="server" Text="Show" />
<asp:Panel ID="Panel1" runat="server" Visible="False">
<asp:Label ID="Label1" runat="server" Text="Name:" style="font-size: xx-large"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br >
This is a Panel!
</asp:Panel>
</form>
上述代码创建了一个Panel控件, Panel控件默认属性为隐藏,并在控件外创建了一个Button控件Button1,当用户单击外部的按钮控件后将显示Panel控件,cs代码如下所示。
+展开
-C#
protected void Button1_Click(object sender, EventArgs e)
{
Panel1.Visible = true;//Panel控件显示可见
}
{
Panel1.Visible = true;//Panel控件显示可见
}
当页面初次被载入时,Panel控件以及Panel控件内部的服务器控件都为隐藏,如图5-21所示。当用户单击Button1时,则Panel控件可见性为可见,则页面中的Panel控件以及Panel控件中的所有服务器控件也都为可见,如图5-22所示。
图5-21 Panel控件隐藏
图5-22 Panel被显示
将TextBox控件和Button控件放到Panel控件中,可以为Panel控件的DefaultButton属性设置为面板中某个按钮的ID来定义一个默认的按钮。当用户在面板中输入完毕,可以直接按Enter键来传送表单。并且,当设置了Panel控件的高度和宽度时,当Panel控件中的内容高度或宽度超过时,还能够自动出现滚动条。
Panel控件还包含一个GroupText属性,当Panel控件的GroupText属性被设置时,Panel将会被创建一个带标题的分组框,效果如图5-23所示。
图5-23 Panel控件的GroupText属性
GroupText属性能够进行Panel控件的样式呈现,通过编写GroupText属性能够更加清晰的让用户了解Panel控件中服务器控件的类别。例如当有一组服务器用于填写用户的信息时,可以将Panel控件的GroupText属性编写成为“用户信息”,让用户知道该区域是用于填写用户信息的。
加支付宝好友偷能量挖...