Web服务器控件
- 格式:doc
- 大小:104.00 KB
- 文档页数:7
《10.3Web服务器控件》主题:(1)Web服务器控件简述Web服务器控件具有以下特性:●功能丰富的对象模型,该模型具有类型安全编程功能。
由于Web服务器控件是框架全新封装提供的新控件,因此其具有严格的类型安全检查。
●自动浏览器检测。
Web服务器控件可以检测浏览器的功能,并为基本型和丰富型(HTML 4.0或以上) 浏览器创建适当的输出。
●对于某些控件,可以使用模板来自定义控件的外观。
●对于某些控件,可以指定控件的事件是立即发送到服务器,还是先缓存然后在提交窗体时引发。
●可将事件从嵌套控件(例如表中的按钮)传递到容器控件。
在设计时的“HTML”视图中,显示在页中的控件的格式如下:<asp:button attributes runat="server"/>(2)HTML服务器控件与Web服务器控件的区别HTML服务器控件与Web服务器控件的区别:(3)Web服务器控件的公共属性1.System.Web.UI.WebControls.WebControl类的属性System.Web.UI.WebControls.WebControl 类是System.Web.UI.WebControls 命名空间中的所有控件的基类。
●AccessKey属性:表示用于快速定位到Web 服务器控件的访问键。
默认为空,表示不设置该属性●BackColor属性:表示Web 服务器控件的背景色,默认为空,表示不设置该属性。
●BorderColor属性:表示Web 控件的边框颜色,默认为空,表示不设置该属性。
●BorderStyle属性:表示Web 服务器控件的边框样式,默认为NotSet,其取值为下列值之一:⏹NotSet 不设置边框样式。
⏹None 无边框⏹Dotted 虚线边框。
⏹Dashed 点划线边框。
⏹Solid 实线边框。
⏹Double 双实线边框。
⏹Groove 用于凹陷边框外观的凹槽状边框。
⏹Ridge 用于凸起边框外观的突起边框。
⏹Inset 用于凹陷控件外观的内嵌边框。
⏹Outset 用于凸起控件外观的外嵌边框。
●BorderWidth属性:表示Web 服务器控件的边框宽度,默认为空,表示不设置该属性。
●Enabled属性:表示是否启用Web 服务器控件。
●Font属性:表示Web 服务器控件关联的字体属性。
●ForeColor属性:表示Web 服务器控件的前景色(通常是文本颜色)。
●Height属性:表示Web 服务器控件的高度。
●Style属性:包含要在Web 服务器控件的外部标记上呈现的HTML 样式属性●TabIndex属性:Web 服务器控件的选项卡索引。
默认为0,表示不设置此属性●ToolTip属性:表示当鼠标指针悬停在Web 服务器控件上时显示的文本。
●Width属性:表示Web 服务器控件的宽度。
2.其他的常用属性●ID属性:继承自System.Web.UI.Control类,所有Web服务器控件都可以通过该属性来唯一标识和引用。
●Text属性:所有接受用户输入,显示数据和提示数据的Web服务器控件都可以通过Text属性来表示用于在控件上显示的文本,例如TextBox、Lablel、Button、CheckBox等控件。
●AutoPostBack属性:所有发送窗体或单击按钮时将其数据回传到服务器的Web控件都具有AutoPostBack属性,该属性是布尔类型。
表示当用户修改控件中的文本并使焦点离开该控件时,是否向服务器自动回送。
True表示每当用户更改文本框中的文本并使焦点离开该控件时,都会向服务器自动回送,否则为false。
默认为false。
●EnableViewState属性:继承自System.Web.UI.Control类,此属性用于定义控件的视图状态或其包含的当前值在窗体发回到服务器之后是否保留在控件中。
默认情况,该属性设为True,即将窗体回发到服务器后,所有控件输入和选择的数据将保留在控件中,如果不需要保留输入的值则应将此属性设为False。
例如,首次打开页面时,TextBox值为空,当输入数据并发回到服务器后,若该值为False,则将清空TextBox的值,否则保留TextBox的输入值。
(4)Web服务器控件的布局模式为了能够定位控件,有两种布局模式,在向Web页面添加控件之前,应该设置Document 的pageLayout的模式选项,这两种模式如下:●网格布局模式(GridLayout)此为默认的布局模式,网络布局通过绝对坐标来定位控件,控件可以准确放置在其被拖动到的位置上,并在页面上有绝对坐标。
●顺序布局模式(FlowLayot)这种布局模式采用相对于页面上其他元素的方式来定位,在程序运行时动态添加元素,新控件将自动向下移动。
1.1.文本控件[20分钟]引入:主题:(1)Label控件Label控件是System.Web.UI.WebControls.WebControl类的子类,其通常用于显示各种提示信息。
1.Label控件的常用属性Label控件是一个使用非常简单的控件,其自身的常用属性只有一个●Text属性:用于表示Label 控件的文本内容2.Label控件的方法Label控件中的方法均从其父类继承而来,其自身仅一个构造函数,用于创建一个新的Label控件。
(2)TextBox控件TextBox服务器控件也是System.Web.UI.WebControls.WebControl类的子类,它是使用户可以输入文本的输入控件。
1.TextBox控件的常用属性●AutoPostBack属性:当用户修改TextBox 控件中的文本并使焦点离开该控件时,是否都向服务器自动回送●Text属性:指定TextBox 控件中显示的文本。
●TextMode 属性:用TextMode 属性指定TextBox 控件将显示为单行、多行还是密码文本框,默认为TextBoxMode.SingleLine,其值应为下列值之一⏹TextBoxMode.MultiLine 多行输入模式。
⏹TextBoxMode.Password 密码输入模式。
⏹TextBoxMode.SingleLine 单行输入模式。
●Columns 属性:文本框的显示宽度(以字符为单位)。
默认值为0,表示未设置该属性。
●Rows 属性:表示多行文本框中的行数。
默认为0,表示显示单行文本框。
●Wrap 属性:指定多行TextBox 控件中显示的文本在到达控件末尾时,是否自动换行显示。
True表示自动换行,False表示不自动换行,默认为True。
●ReadOnly 属性:指定能否更改TextBox 控件的内容,True表示不可修改,False表示可以修改,默认为False。
●MaxLength 属性:文本框中最多允许的字符数。
默认值为0,表示未设置该属性。
2.TextBox控件的常用事件TextBox的事件有TextChanged事件,用户输入信息后退出TextBox服务控件时,将触发该事件。
TextChanged事件不会导致Web页面立刻被回传到服务器,只有当页面发回到服务器时,才会触发该事件。
如果需要退出TextBox服务器控件立刻触发TextChanged事件,则应将TextBox控件的AutoPostBack属性设为True。
[示例讲解]示例10.3.1 TextBox控件使用示例主题:控制权转移控件都可以实现将页面提交给服务器,主要包括以下4类:●Button:标准按钮控件●ImageButton:图像按钮控件●LinkButton:显示超级链接样式的按钮控件●HyperLink:超链接控件(1)Button控件通过设置CommandName 属性,command 按钮可以具有与该按钮关联的命令名,可以使开发人员在一个Web 页上创建多个Button 控件,并通过编码方式确定单击了哪个Button 控件。
[示例讲解]示例10.3.2 Button控件使用示例。
(2)ImageButton控件使用ImageButton 控件可以显示对鼠标单击作出响应的图像。
当单击ImageButton 控件时,将同时引发Click 和Command 事件。
使用OnClick 事件处理程序,可以以编程方式确定图像被单击的位置的坐标。
然后,可以根据坐标值编写响应代码。
注意原点(0, 0) 位于图像的左上角。
使用OnCommand 事件处理程序使ImageButton 控件的行为与命令按钮一样。
使用CommandName 属性可将命令名与该控件关联。
它允许在同一Web 页上放置多个ImageButton 控件。
然后,可以编程方式在OnCommand 事件处理程序中标识CommandName 属性的值,确定在单击每个ImageButton 控件时执行的相应操作。
CommandArgument 属性也可用于传递有关命令的附加信息。
(3)LinkButton控件LinkButton控件的外观与HyperLink控件相同,但功能与Button控件相同,其常用属性和事件如下:1.LinkButton控件的常用属性●CommandName属性:与Button控件的CommandName属性类似。
●CommandArgument 属性:指定CommandName 属性的参数。
●Text 属性:指定在LinkButton控件中显示的文本信息2.LinkButton控件的常用事件LinkButton的常用事件与Button控件一样,均为Click事件和Command事件,其使用方式也相似。
(4)HyperLink控件使用HyperLink 控件可以创建到其他Web 页面的链接。
HyperLink 控件通常显示为Text 属性指定的文本。
它也可以显示为ImageUrl 属性指定的图像。
如果同时设置了Text 和ImageUrl 属性,则ImageUrl 属性优先。
如果图像不可用,则显示Text 属性中的文本。
在支持工具提示功能的浏览器中,Text 属性将变成工具提示。
其常用属性和事件如下:1.HyperLink控件的常用属性●ImageUrl属性:指定HyperLink控件显示的图像●NavigateUrl 属性:单击HyperLink 控件时链接到的URL。
●Target属性:链接到的Web 页的目标窗口或框架。
可以为自定义值,或下列特殊值之一:⏹Blank:将内容呈现在一个没有框架的新窗口中。
⏹_parent:将内容呈现在上一个框架集父级中。
⏹_self:将内容呈现在含焦点的框架中。
⏹_top:将内容呈现在没有框架的全窗口中●Text 属性:指定在HyperLink控件中显示的文本信息。