第4章 服务器控件4.1 服务器控件概述
成都创新互联公司是一家集网站建设,佛山企业网站建设,佛山品牌网站建设,网站定制,佛山网站建设报价,网络营销,网络优化,佛山网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
4.1.1 服务器控件分类
ASP.NET的Server控制组件分为两种：HTML控制组件和Web控制组件。
4.1.2 服务器控件属性、事件和方法服务器控件是ASP.NET的特定对象，每一个控件都具有特定的属性、事件和方法
4.1.3 服务器控件层次结构 ASP.NET服务器控件是从System.Web.UI.Control直接或间接派生的。ASP.NET服务器控件的主要作用是提供用户界面。服务器控件层次结构如图所示。 4.2 HTML服务器控件
4.2.1 HTML服务器控件的层次结构 HTML服务器控件的主要功能是在Web页面上管理控件。图显示了HTML服务器控件的层次结构HTML服务器控件提供以下功能：
1.可在服务器上使用熟悉的面向对象技术对其进行编程的对象模型。
2.提供一组事件，可以为其编写事件处理程序，方法与在基于客户端的窗体中大致 相同，所不同的是事件处理是在服务器代码中完成的。
3.在客户端脚本中处理事件的能力。
4.自动维护控件状态。
5.与验证控件进行交互，便于验证用户是否在控件输入了适当的信息。
6.数据绑定到一个或多个控件属性
7. 直接可用的自定义属性。
4.2.2 HTML控件的基本语法 HTML控件的基本语法： HTML标记 Id=“控件名称” Runat=“Server”
4.2.3 HTML控件详解
1. HTML服务器控件的共同属性 几个共同的属性：Innerhtml、InnerText、Disable、Visible、Value、Attributes、Style。
2. HtmlAnchor控件 HtmlAnchor控件的主要属性和事件如下：
(1)Href属性：用来获取或设置在HtmlAnchor服务器控件中指定的链接的URL目标。
(2)Title属性：用来获取或设置当鼠标指针放在HtmlAnchor控件上所显示的工具提示文本。
(3)Name属性：获取或设置HtmlAnchor服务器控件中定义的书签名。
(4)Target属性：获取或设置要将Web页内容加载到的目标窗口或框架。
(5) OnServerClick方法：用于指定在单击HtmlAnchor控件时引发的处理程序。 例如：
A Id="HtmlAnchor1" Href="aa.aspx" '单击HtmlAnchor1 时链接到的aa.aspx
OnServerClick="AnchorBtn_Click " '单击 HtmlAnchor1时执行 AnchorBtn_Click 事件
Ttarget="_blank " 'aa.aspx内容呈现在新的、不带框的窗口中
Title="在新窗口中打开aa.aspx " '当鼠标指针放在 HtmlAnchor1上时显示
Runat="Server"
/A
3. HtmlInputButton控件
HtmlInputButton控件的主要属性和事件如下：
(1)Type属性：用来获取HtmlInputControl的类型。表列出了Type属性的各种不同可 能值及其含义。 (2)Value属性：用来设置按钮上的显示的文本内容。
(3)OnServerClick方法：该事件当在Web页上单击HtmlInputButton控件时发生的处理 程序。
4. HtmlInputImage控件 HtmlInputImage控件主要属性和事件如下：
(1)Align属性
(2)Alt属性
(3)Src属性
(4)OnServerClick方法
5. HtmlInputText控件 HtmlInputText控件的主要属性和事件如下：
(1)Size属性
(2)MaxLength属性
(3)Value属性
(4)Type属性
(5)ServerChange事件
(6)OnServerChange方法
6. HtmlTextArea控件 HtmlInputText控件在控件工具箱中的图标为 。文本框的尺寸由Cols和Rows属性控制 。
7. HtmlImage 控件 HtmlImage控件的主要属性如下：
(1)Align属性 ：各种可能的取值及其说明见表。
(2) Src属性
(3) Alt属性
(4) Border属性
(5) Height属性
(6) Width属性 8. HtmlInputCheckBox控件 HtmlInputCheckBox控件的主要属性和事件如下：
(1)Checked属性
(2) OnServerChange方法
9. HtmlInputRadioButton控件 HtmlInputRadioButton控件的主要属性和事件如下：
(1)Checked属性
(2)Name属性
(3) Value属性
(4) ServerChange事件
(5) OnServerChange方法
10. HtmlSelect控件该控件的主要属性和事件如下：
(1)Multiple属性
(2) Size属性
(3) SelectedIndex属性
(4) Items属性
(5)Value属性
(6) DataSource属性
(7) DataValueField属性
(8)DataTextField属性
(9)OnServerChange方法
11. 其他HTML服务器控件 其他HTML服务器控件对应的HTML元素及用途见右表。4.3 Web服务器控件
4.3.1 Web服务器控件的层次结构 下图显示了System.Web.UI.WebControls名称空间中控件的层次结构。4.3.2 Web服务器控件基本语法 Web服务器控件的基本语法：
ASP: 控件Id=“控件名称” Runat=“Server” 属性1=“属性设置值1” 属性2=“属性设置值2”……/ASP: 控件 或者
ASP: 控件Id=“控件名称” Runat=“Server”/ 属性1=“属性设置值1” 属性2=“属性设置值2”…… /
4.3.3 Web服务器控件详解
1. Button控件
Button控件的使用语法：
ASP: Button 属性设置/ASP: Button 或者
ASP: Button 属性设置 /
Button控件主要属性和事件如下：
(1)Enabled属性
(2) Text属性
(3) ToolTip属性
(4) CommandName属性
(5)CommandArgument属性
(6)OnClick事件
2. HyperLink控件
HyperLink控件的使用语法：
ASP: Hyperlink 属性设置/ASP: Hyperlink 或者
ASP: Hyperlink 属性设置 /
HyperLink控件的主要属性如下：
(1) Text属性
(2) ImageUrl属性
(3) NavigateUrl属性
(4) Target属性
3. LinkButton控件
LinkButton控件的使用语法：
ASP: LinkButton 属性设置 /ASP: LinkButton或者
ASP: LinkButton 属性设置 /
LinkButton控件的主要属性和事件如下:
(1) Text属性
(2) Enabled属性
(3) ToolTip属性
(4) CommandName属性
(5) CommandArgument属性
(6)Command事件
4. ImageButton控件
ImageButton控件使用语法：
ASP: ImageButton 属性设置 /ASP: ImageButton 或者
ASP: ImageButton 属性设置 /
ImageButton控件的主要属性和事件如下：
(1) Enabled属性
(2) CommandName属性
(3) CommandArgument属性
(4) ImageUrl属性
(5) ImageAlign属性
(6) ToolTip属性
(7)OnClick事件
5. Label控件 Label控件使用语法：
ASP: Label 属性设置 /ASP: Label或者
ASP: Label 属性设置 /
Label控件的主要属性：
(1) AutoSize属性
(2) Text属性
(3) TextAlign属性：该属性设置标签内的文本的对齐方式。取值及其含义见表。 (4) Font属性
(5) Height属性
(6)Width属性
6. TextBox控件
TextBox控件使用语法：
ASP: TextBox 属性设置 /ASP: TextBox或者
ASP: TextBox 属性设置 /
TextBox控件的主要属性和事件如下:
(1) AutoPostBack属性
(2) Columns属性
(3) Rows属性
(4) MaxLength属性
(5) ReadOnly属性
(6) Text属性
(7) Wrap属性
(8) TextMode属性
7. CheckBox控件和CheckBoxList控件
CheckBox控件使用语法：
ASP: CheckBox 属性设置 /ASP: CheckBox 或者
ASP: CheckBox属性设置 /
CheckBox控件的主要属性和事件
(1) Checked属性
(2) Enabled属性
(3) Text属性
(4) TextAlign属性
(5) AutoPostBack属性
(6)CheckedChanged事件
CheckBoxList控件是一个CheckBox控件组，CheckBoxList控件使用语法：
ASP: CheckBoxList 属性设置 /ASP: CheckBoxList 或者
ASP: CheckBoxList 属性设置 /
CheckBoxList控件的主要属性和事件
(1) AutoPostBack属性
(2)DataSource属性
(3) DataTextField属性
(4) DataValueField属性
(5) Items属性
(6)RepeatColumns属性
(7) RepeatDirection属性
(8) RepeatLayout属性
(9) SelectedIndex属性
(10) SelectedItem属性
(11) TextAlign属性
(12) SelectedIndexChanged事件
CheckBoxList控件的每个选项都有以下3个基本属性
(1) Text：表示每个选项的文本。
(2) Value：表示每个选项的选项值。
(3) Selected：表示该选项是否选中。
8. RadioButton控件和RadioButtonList控件
RadioButton控件使用语法：
ASP: RadioButton 属性设置 /ASP: RadioButton 或者
ASP: RadioButton 属性设置 /
RadioButton控件的主要属性和事件
(1)AutoPostBack属性
(2) Checked属性
(3)Text属性
(4)GroupName属性
(5) TextAlign属性
(6) Enabled属性
(7)OnCheckedChanged事件
RadioButtonList控件是单个控件，可作为单选按钮列表项集合的父控件。RadioButtonList控件使用语法：
ASP: RadioButtonList 属性设置 /ASP: RadioButtonList 或者
ASP: RadioButtonList 属性设置 /
RadioButtonList控件的主要属性和事件
(1) AutoPostBack属性
(2) DataSource属性
(3) DataTextField属性
(4) DataValueField属性
(5) Items属性
(6) RepeatColumns属性
(7) RepeatDirection属性
(8) RepeatLayout属性
(9) SelectedIndex属性
(10) SelectedItem属性
(11) OnSelectedIndexChanged事件
RadioButtonList控件的每个选项都有以下3个基本属性
(1) Text：表示每个选项的文本。
(2) Value：表示每个选项的选项值。
(3) Selected：表示该选项是否选中。
9. Image控件 Image控件使用语法：
ASP: Image 属性设置 /ASP: Image 或者
ASP: Image属性设置 /
Image控件的主要属性如下：
(1) ImageUrl属性
(2) AlternateText属性
(3) ImageAlign属性
10. ListBox控件 ListBox控件使用语法：
ASP: ListBox 属性设置 /asp: ListBox 或者
ASP: ListBox 属性设置 /
ListBox控件的主要属性和事件如下：
(1) AutoPostBack属性
(2) Rows属性
(3) Items属性：Items属性是ListBox控件各选项的集合。每个列表项都是一个单独的对象，具有自己的属性，见表。 (4) SelectionMode属性：该属性指明一次是否可多选。SelectionMode属性的各种取值极其含义见表。 (5) SelectedIndex属性
(6) SelectedIndices属性
(7) SelectedItem属性
(8) SelectedItems属性
(9) SelectedValue属性
(10) DataSource 属性
(11) DataTextField属性
(12) DataValueField属性
(13) SelectedIndexChanged 事件
11. DropDownList控件
DropDownList控件使用语法：
ASP: DropDownList 属性设置 /ASP: DropDownList 或者
ASP: DropDownList 属性设置 /
DropDownList控件的主要属性和事件如下：
(1)AutoPostBack属性
(2) Items属性
(3) DataSource属性
(4) DataTextField属性
(5) DataValueField属性
(6) SelectedIndexChanged事件
12. Table、TableRow和TableCell控件
Table控件使用语法：
ASP: Table 属性设置 /ASP: Table 或者
ASP: Table 属性设置 /
Table控件的主要属性如下：
(1)CellPadding属性
(2) CellSpacing属性
(3) Rows 属性
(4)GridLines属性,该属性的取值及其含义见表。(5)HorizontalAlign属性,该属性的取值及其含义见表 TableRow控件的主要属性如下：
(1) Cells属性
(2)HorizontalAlign属性
(3) VerticalAlign属性,表列出了可能的值及其含义。TableCell控件的主要属性如下：
(1) ColumnSpan属性
(2)HorizontalAlign属性
(3) RowSpan属性
(4) VerticalAlign属性
(5) Wrap属性 回首页
这个控件允许你选择日期和时间；同时，由于这个控件允许你限制输入内容，你可以忽略合法的日期格式。DateTimePicker控件类似于MonthView控件，后者允许你选择一个日期或日期范围，但不支持时间选择。在本文中，我将创建一个使用DateTimePicker控件的实例。实例在常用控件（Common Controls）下的工具箱(Toolbox)中找到DateTimePicker控件，并把它添加到Windows Forms中。设置以下属性：l Name：dtpDateSelectionl CustomFormat：mm/dd/yyyyl Format：短l MaxDate：12/31/2008l MinDate：01/01/2007l ShowUpDown：假 在Form Load事件中添加以下代码： dtpDateSelection.Value = Now 创建以下事件： Private Sub dtpDateSelection_CloseUp(ByVal sender As Object, ByVal e As System.EventArgs) Handles dtpDateSelection.CloseUp MessageBox.Show(dtpDateSelection.Value) End Sub 结果在第一个例子中，ShowUpDown属性设为假，表示在用户点击控件时，控件的日历部分可见。然后用户从控件的日历部分选择日期。在DateTimePicker控件中选择一个日期后，你的屏幕看起来与图A类似。 现在，将ShowUpDown属性值改为真，再次运行代码。这次你不会看到控件的日历部分，你可以点击控件的上/下箭头来选择一个日期。其结果类似于图B。 注意，这个控件不允许你选择小于MinDate属性值或大于MaxDate属性值的日期。 更多信息你还可以使用许多其它属性和重要的方法，让DateTimePicker控件满足你的需求。MSDN提供关于如何使用DateTimePicker控件的其它细节。 Irina Medvinskaya自1996年开始涉足技术领域。 查看本文国际来源
mytest1是继承自什么类，通常应该继承自UerControl，虽然你这样也能编译通过，但实际上没有任何意义。所以你先改了再说。继承之后，编译，工具箱就会多这么个控件，拖动到Form1上，这样按钮下就不用再new了。然后你再来问。
Anchor属性可以被设定为Top Bottom Left和Right的任何组合 默认设置是Top Left 这可以保持控件的top left角与视窗边框具有相同的相对位置 设置Anchor属性为Top and Bottom可以垂直地调整控件 保证从视窗底部到控件底部距离相同
Me TextBox Anchor = （System Windows Forms AnchorStyles Top Or System Windows Forms AnchorStyles Left）
Dock属性
这个属性可以被设置为Top Bottom Left Right或Fill 将其设置为Top Bottom Left或Right可以使控件紧挨指定的视窗边缘 或者紧挨已放置到相应视窗边缘的其他控件 设置Dock属性为Fill可以使控件调整为充满视窗的整个客户区
Me Panel Dock = System Windows Forms DockStyle Bottom
你还可以使用DockPadding对象来设置填充视窗边框和已放置好的控件间的区域 它有对应每个视窗边框的属性 如果想要边框对每个边都一致也可以通过设置All属性实现
Me DockPadding All = lishixinzhi/Article/program/net/201311/14503
1、Label控件用于标注、提示其他控件的性质、作用、内容等不需要用户编辑的文本，也可以用来简单输出少量的文本内容。Windows 窗体 Label 控件还可以用来为其他控件定义访问键。在标签 (Label) 控件中定义访问键时，用户可以按 ALT 键和指定字符将焦点移动到 Tab 键顺序中的下一个控件上。因为标签无法接收焦点，所以焦点自动移动到 Tab 键顺序中的下一个控件上。使用该技术向文本框、组合框、列表框和数据网格分配访问键。
2、VB.NET中菜单控件有MenuStrip和ContextMenuStrip等2种。
MenuStrip主要用于常规的菜单系统设计。创建支持高级用户界面和布局功能的易自定义的常用菜单，例如文本和图像排序和对齐、拖放操作、MDI、溢出和访问菜单命令的其他模式。
ContextMenuStrip主要用于创建上下文菜单或右键菜单。
要显示上下文菜单，或在用户右击鼠标时显示一个菜单，就使用ContextMenuStrip类。与MenuStrip一样，ContextMenuStrip也是ToolStripMenuItems对象的容器，但它派生于ToolStripDropDownMenu。ContextMenu的创建与MenuStrip相同，也是添加ToolStripMenuItems，定义每一项的Click事件，执行某个任务。弹出菜单应赋予特定的控件，为此，要设置控件的ContextMenuStrip属性。在用户右击该控件时，就显示该菜单。
AspNetPager简单使用方法 AspNetPager作为分页工具,常常用于绑定数据控件,如DataGrid , Repeater等
在这里,简单讲解下 绑定 Repeater 控件的方法,其余控件绑定方法类似:
'全局变量 i 用于 读取 数据集记录的条数(注意:读取一次就够了)
Dim i As New Integer
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If i = 0 Then
con = New SqlConnection(ConfigurationManager.ConnectionStrings("NEWS_ConnectionString").ConnectionString)
con.Open()
cmd = New SqlCommand()
cmd.Connection = con
cmd.CommandText = "select count(*) from XWNRB "
'AspNetPager控件 可见
Me.AspNetPager1.Visible = True
'AspNetPager控件 每页显示大小为10条记录
Me.AspNetPager1.PageSize = 10
'AspNetPager控件 记录总的记录条数
Me.AspNetPager1.RecordCount = Convert.ToInt32(cmd.ExecuteScalar())
'AspNetPager控件 数据绑定
Me.SHOW_DATA_LIST()
i = i + 1
con.Close()
End If
End Sub
Protected Sub SHOW_DATA_LIST()
con = New SqlConnection(ConfigurationManager.ConnectionStrings("NEWS_ConnectionString").ConnectionString)
sql_Text = "select * from XWNRB where "
da = New SqlDataAdapter(sql_Text, con)
Dim ds As New Data.DataSet
'第一个参数为存储入的数据集为ds
'第二个参数为存储的起始记录序号
'第三个参数为存储的记录每页条数
'第四个参数为存储入的数据集ds中的具体某个表
da.Fill(ds, Me.AspNetPager1.PageSize * (Me.AspNetPager1.CurrentPageIndex - 1), Me.AspNetPager1.PageSize, "NEWS_LIST")
'真正绑定
Me.Repeater2.DataSource = ds.Tables("NEWS_LIST").DefaultView
Me.Repeater2.DataBind()
End Sub
'即每次点击新的页面,或者点击 Pre,Next,Last.....时候都会触发这个事件
Protected Sub AspNetPager1_PageChanged(ByVal src As Object, ByVal e As Wuqi.Webdiyer.PageChangedEventArgs) Handles AspNetPager1.PageChanged
'更新当前所在的页数序列
Me.AspNetPager1.CurrentPageIndex = e.NewPageIndex
'更新完后绑定
Me.SHOW_DATA_LIST()
End Sub