ASP.NET Panel 控件用作其它控件的容器
此控件常用于以编程方式生成控件，或显示和隐藏控件组
此控件呈现为 HTML <div> 元素
属性
| 属性 | 描述 | .NET |
|---|---|---|
| BackImageUrl | 规定显示控件背景的图像文件的 URL | 1.0 |
| DefaultButton | 规定 Panel 中默认按钮的 ID | 2.0 |
| Direction | 规定 Panel 的内容显示方向 | 2.0 |
| GroupingText | 规定 Panel 中控件组的标题 | 2.0 |
| HorizontalAlign | 规定内容的水平对齐方式 | 1.0 |
| runat | 规定控件是服务器。必须设置为 "server" | 1.0 |
| ScrollBars | 规定 Panel 中滚动栏的位置和可见性 | 2.0 |
| Wrap | 规定内容是否折行 | 1.0 |
ASP.NET Panel BackImageUrl 属性
ASP.NET Panel BackImageUrl 属性用于设置或返回 Panel 控件的背景图像的 URL
语法
<asp:Panel BackImageUrl="URL" runat="server">Some Content</asp:Panel>
| 属性 | 描述 |
|---|---|
| URL | 要使用的图像的 URL |
范例
下面的范例为 Panel 控件设置了 BackImageUrl
<form runat="server">
<asp:Panel id="Pan1" runat="server" BackImageUrl="img.gif">
Hello!
</asp:Panel>
</form>ASP.NET Panel DefaultButton 属性
ASP.NET Panel DefaultButton 属性用于设置或返回 Panel 控件的默认按钮的 ID
使用 DefaultButton 属性指示当 Panel 控件具有焦点并且用户按 Enter 键时，哪个按钮会被单击
语法
<asp:Panel DefaultButton="button_id" runat="server">Some Content</asp:Panel>
| 属性 | 描述 |
|---|---|
| button_id | 要作为默认按钮使用的按钮的 ID |
范例
下面的范例为 Panel 控件设置了 DefaultButton
<form runat="server">
<asp:Panel runat="server" DefaultButton="bt1">
<asp:TextBox runat="server" />
<asp:Button id="bt1" Text="Default" runat="server"/>
</asp:Panel>
</form>ASP.NET Panel Direction 属性
ASP.NET Panel Direction 属性用于设置或返回 Panel 的内容显示方向
该属性用于规定 Panel 中包含文本的控件的显示方向
语法
<asp:Panel Direction="direction" runat="server">Some Content</asp:Panel>
| 属性 | 描述 |
|---|---|
| direction | 规定 panel 的内容显示方向 可能的值： NotSet - 默认。不设置内容方向 LeftToRight - 内容方向为从左到右 RightToLeft - 内容方向为从右到左 |
范例
下面的范例更改了 Panel 控件的 Direction 属性
<form runat="server">
<asp:Panel id="pan1" runat="server" Direction="RightToLeft">
Hello!
</asp:Panel>
</form>ASP.NET Panel GroupingText 属性
ASP.NET Panel GroupingText 属性用于设置或返回 Panel 控件中的控件组的标题文本
该属性用于为 Panel 控件显示一个框架和标题
语法
<asp:Panel GroupingText="string" runat="server">Some Content</asp:Panel>
| 属性 | 描述 |
|---|---|
| string | 字符串值，作为 Panel 的标题文本显示 |
范例
下面的范例为 Panel 控件设置了 GroupingText
<form runat="server">
<asp:Panel id="pan1" runat="server" GroupingText="Panel" >
Hello!
</asp:Panel>
</form>ASP.NET Panel HorizontalAlign 属性
ASP.NET Panel HorizontalAlign 属性用于设置或返回 Panel 控件中内容的水平对齐方式
语法
<asp:Panel HorizontalAlign="align" runat="server">Some Content</asp:Panel>
| 属性 | 描述 |
|---|---|
| align | 规定内容的水平对齐方式，默认为 NotSet 可能的值： Center Justify Left NotSet Right |
范例
下面的范例设置了 Panel 控件的 HorizontalAlign 属性
<form runat="server">
<asp:Panel id="pan1" runat="server" HorizontalAlign="Right">
Hello!
</asp:Panel>
</form>ASP.NET Panel ScrollBars 属性
ASP.NET Panel ScrollBars 属性用于设置或返回 Panel 控件中滚动条的位置和可见性
语法
<asp:Panel ScrollBars="value" runat="server">Some Content</asp:Panel>
| 属性 | 描述 |
|---|---|
| value | 规定是否显示滚动条 可能的值： None - 默认。不显示滚动条 Horizontal - 只显示水平滚动条 Vertical - 只显示垂直滚动条 Both - 显示水平和垂直滚动条 Auto - 如需要，显示水平、垂直滚动条或两者均显示 |
范例
下面的范例把 Panel 控件中的 ScrollBars 属性设置为 "Auto"
<form runat="server">
<asp:Panel id="pan1" runat="server" Height="100px" ScrollBars="Auto">Some content</asp:Panel>
</form>ASP.NET Panel Wrap 属性
ASP.NET Panel Wrap 属性用于设置或返回在 Panel 控件中内容是否折行
语法
<asp:Panel Wrap="TRUE|FALSE" runat="server">Some Content</asp:Panel>
范例
下面的范例把 Panel 控件中的 Wrap 属性设置为 "FALSE"
<form runat="server">
<asp:Panel id="Pan1" Width="250px" Wrap="FALSE" runat="server">Some content
</asp:Panel>
</form>Web 控件标准属性
- AccessKey
- Attributes
- BackColor
- BorderColor
- BorderStyle
- BorderWidth
- CssClass
- Enabled
- Font
- EnableTheming
- ForeColor
- Height
- IsEnabled
- SkinID
- Style
- TabIndex
- ToolTip
- Width
如果想要查看完整描述，可以访问我们的 Web 控件标准属性
Control Standard Properties
- AppRelativeTemplateSourceDirectory
- BindingContainer
- ClientID
- Controls
- EnableTheming
- EnableViewState
- ID
- NamingContainer
- Page
- Parent
- Site
- TemplateControl
- TemplateSourceDirectory
- UniqueID
- Visible
如果想要查看完整描述，可以访问我们的 控件标准属性
范例
Panel
<script runat="server">
Sub Page_Load(sender As Object, e As EventArgs)
if check1.Checked then
panel1.Visible=false
else
panel1.Visible=true
end if
End Sub
</script>
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<asp:Panel id="panel1"
runat="server" BackColor="#ff0000"
Height="100px" Width="100px">
Hello World!
</asp:Panel>
<asp:CheckBox id="check1"
Text="Hide Panel control"
runat="server"/>
<br><br>
<asp:Button Text="Reload" runat="server" />
</form>
范例中，我们声明了一个 Panel 控件，一个 CheckBox 控件，以及一个 Button 控件当用户选中 CheckBox 控件并点击刷新按钮时，Panel 控件将隐藏起来
