重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
第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