程序设计　教学课件 崔永红 等 第4章.ppt

在线教务辅导网:
教材其余课件及动画素材请查阅在线教务辅导网
QQ:349134187 或者直接输入下面地址:
http://shop106150152.
1页
第4章
服务器端控件
2页
主要内容
服务器端控件概述
HTML服务器端控件
Web服务器端控件
验证控件
用户控件
扩展控件
控件的动态数据绑定
3页
服务器端控件概述
的服务器端控件的使用,的服务器端控件是一组可以复用的组件,。
的服务器端控件可以分为Web服务器端控件、HTML服务器端控件、用户控件和扩展控件,它们都运行在服务器端,并且以对象的形式出现。有了这些服务器控件,就可以通过编程的方式,获取或设置对象的属性,控件也能对相应的事件作出响应,从而更好地控制控件在页面上的表现形式。
4页
HTML服务器端控件
HTML服务器端控件概述
HtmlAnchor控件
HtmlButton控件
HtmlImage控件
HtmlInputButton控件
HtmlInputCheckBox控件
HtmlInputFile控件
HtmlInputImage控件
HtmlInputRadioButton控件
HtmlInputText控件
HtmlSelect控件
HtmlTable控件
HtmlTableRow控件
HtmlTableCell控件
HtmlTextArea控件
5页
HTML服务器端控件概述
HTML服务器端控件就是将所有的HTML标记对象化,每一个HTML服务器端控件都能映射到相应的HTML元素。由于HTML服务器端控件是对象化的组件,我们便可以使用面向对象的技术在服务器上以编程的方式来访问这些对象的属性或事件了。
在Visual Studio .NET集成环境中,工具箱中的HTML控件是运行在客户端的控件,如图4-3所示的控件都是HTML控件,当将其拖放到设计视图的页面上时,控件左上角并没有绿色三角形标志,说明它是运行在客户端。例如Button控件,在HTML视图中可以看到:
<input style="Z-INDEX: 103; left: 64px; position: absolute; top: 152px" type="button" value= "Button">
6页
HTML服务器端控件概述
为了让这个控件运行在服务器端,必须在其中加runat="Server"属性,另外为了更好地在代码中引用它,使它具有唯一性,还可以给它加上ID属性。
<input style="Z-INDEX: 103; left: 64px; position: absolute; top: 152px" type="button" value="Button" ID="Button1" runat="Server">
加上了ID="Button1" runat="Server"属性后,再切换到设计视图就可以看到在该Button控件的左上角出现了绿色三角形标志,指示该控件是基于服务器的控件。对于这样的HTML服务器端控件,也能将其响应事件的代码写在代码隐藏页中,使得程序的结构更加清晰。
下面就介绍常用的HTML服务器端控件的使用。
7页
HTML服务器端控件
8页
HtmlAnchor控件
创建一个服务器端控件,该控件映射到<a> HTML
元素并允许链接到其他Web页。其语法如下:
<a Id="HtmlAnchor1"
Href="na "
Name="bookmarkname"
OnServerClick="onserverclickhandler"
Target="linkedcontentframeorwindow"
Title="titledisplayedbybrowser"
runat="server" >linktext</a>
9页
HtmlAnchor控件的常用属性
属性
功能
取值
Id
设置控件的唯一ID
字符串
Href
设置目标链接URL
URL地址字符串
OnServerClick
设置服务端方法
字符串(过程或函数名)
Target
设置目标窗口
_blank | _self | _parent | _top | 其他框架名
Title
设置工具提示文本
提示字符串
10页