首页>教程>ASP.NET教程>ASP.NET Panel 控件

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

ASP.NET Panel 控件

ASP.NET Panel 控件用作其它控件的容器

此控件常用于以编程方式生成控件,或显示和隐藏控件组

此控件呈现为 HTML <div> 元素

属性

属性描述.NET
BackImageUrl规定显示控件背景的图像文件的 URL1.0
DefaultButton规定 Panel 中默认按钮的 ID2.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 控件将隐藏起来

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索