《ASP.NET程序设计教学课件作者崔永红等第4章节》由会员分享，可在线阅读，更多相关《ASP.NET程序设计教学课件作者崔永红等第4章节（108页珍藏版）》请在金锄头文库上搜索。
1、第4章,服务器端控件,主要内容,服务器端控件概述 HTML服务器端控件 Web服务器端控件 验 证 控 件 用 户 控 件 扩 展 控 件 控件的动态数据绑定,4.1 服务器端控件概述,这一章将学习ASP.NET的服务器端控件的使用，ASP.NET的服务器端控件是一组可以复用的组件，它们从System.Web.UI.WebControls基类中派生出来。 ASP.NET的服务器端控件可以分为Web服务器端控件、HTML服务器端控件、用户控件和扩展控件，它们都运行在服务器端，并且以对象的形式出现。有了这些服务器控件，就可以通过编程的方式，获取或设置对象的属性，控件也能对相应的事件作出响应，从而更
2、好地控制 控件在页面上的表现形式。,4.2 HTML服务器端控件,HTML服务器端控件概述 HtmlAnchor控件 HtmlButton控件 HtmlImage控件 HtmlInputButton控件 HtmlInputCheckBox控件 HtmlInputFile控件 HtmlInputImage控件 HtmlInputRadioButton控件 HtmlInputText控件 HtmlSelect控件 HtmlTable控件 HtmlTableRow控件 HtmlTableCell控件 HtmlTextArea控件,4.2.1 HTML服务器端控件概述,HTML服务器端控件就是将所有的
3、HTML标记对象化，每一个HTML服务器端控件都能映射到相应的HTML元素。由于HTML服务器端控件是对象化的组件，我们便可以使用面向对象的技术在服务器上以编程的方式来访问这些对象的属性或事件了。 在Visual Studio .NET集成环境中，工具箱中的HTML控件是运行在客户端的控件，如图4-3所示的控件都是HTML控件，当将其拖放到设计视图的页面上时，控件左上角并没有绿色三角形标志，说明它是运行在客户端。例如Button控件，在HTML视图中可以看到： ,4.2.1 HTML服务器端控件概述,为了让这个控件运行在服务器端，必须在其中加runat=“Server“属性，另外为了更好地在代
4、码中引用它，使它具有唯一性，还可以给它加上ID属性。 加上了ID=“Button1“ runat=“Server“属性后，再切换到设计视图就可以看到在该Button控件的左上角出现了绿色三角形标志，指示该控件是基于服务器的控件。对于这样的HTML服务器端控件，也能将其响应事件的代码写在代码隐藏页中，使得程序的结构更加清晰。 下面就介绍常用的HTML服务器端控件的使用。,HTML服务器端控件,4.2.2 HtmlAnchor控件,创建一个服务器端控件，该控件映射到 HTML 元素并允许链接到其他Web页。其语法如下： linktext,HtmlAnchor控件的常用属性,4.2.2 HtmlAn
5、chor控件,使用 HtmlAnchor 控件以编程方式控制 HTML 元素。此服务器控件通常用于动态修改 元素的属性，显示来自数据源的超链接和控制事件以动态生成 HtmlAnchor 控件。 可以通过使用 Target 属性来指定显示新 Web 页的位置。除了以下画线开始的特殊值 _blank、_self、_parent 和 _top 外，还可以是框架结构中的框架名，不过框架名取值必须以 a z（不区分大小写）范围中的字母开头。 下面的示例说明当 Page_Load 事件发生时，如何动态地将一个 URL 与 HtmlAnchor 控件关联。,4.2.3 HtmlButton控件,创建一个服务
6、器端控件，该控件映射到 HTML元素并允许创建普通按钮。 其语法如下： buttontext ,HtmlButton控件的常用属性,4.2.4 HtmlImage控件,创建一个服务器端控件，该控件映射到HTML元素并 允许显示图像。其语法如下： ,4.2.5 HtmlInputButton控件,创建一个服务器端控件，该控件映射到 、 和 HTML元素，并允许分别创建命令按钮、提交按钮或重置按钮。其语法如下： ,HtmlInputButton控件的常用属性,4.2.5 HtmlInputButton控件,使用HtmlInputButton 控件对、和 HTML 元素进行编程。用户单击 HtmlI
7、nputButton 控件时，来自嵌有该控件的窗体的输入被发送到服务器并得到处理，然后，将响应发送回请求浏览器。 通过为OnServerClick事件提供自定义事件处理程序，可以在单击控件时执行特定的指令集。,4.2.6 HtmlInputCheckBox控件,创建一个服务器端控件，该控件映射到 HTML元素并允许创建使用户可以选择true或false状态的复选框控件。其语法如下： ,HtmlInputCheckBox控件的常用属性,4.2.6 HtmlInputCheckBox控件,使用HtmlInputCheckBox 控件对 HTML 元素进行编程。单击 HtmlInputCheckBo
8、x 控件时，该控件不会向服务器回送。当使用回送服务器的控件（如 HtmlInputButton 控件）时，复选框的状态被发送到服务器进行处理。若要确定是否选中了复选框，请测试控件的 Checked 属性。,4.2.7 HtmlInputFile控件,创建一个服务器端控件，该控件映射到 HTML 元素并允许将文件上载到服务器。其语法如下： ,HtmlInputFile控件的常用属性,4.2.7 HtmlInputFile控件,使用HtmlInputFile控件对HTML 元素进行编程。可以使用 HtmlInputFile 控件方便地设计页，该页允许用户将二进制文件或文本文件从浏览器上载到Web
9、服务器上指定的目录中。,4.2.8 HtmlInputImage控件,创建一个服务器端控件，该控件映射到 HTML 元素并允许创建显示图像的按钮。其语法如下： ,HtmlInputImage控件的常用属性,4.2.8 HtmlInputImage控件,使用 HtmlInputImage 控件对 HTML 元素进行编程。可以将此控件与 HtmlInputText及其他控件一起使用以构造用户输入窗体。因为此控件是在服务器上运行的 元素，所以它提供与 HTML 相同的按钮自定义。此控件可以替代不支持 DHTML 和 HtmlButton 控件的浏览器。,4.2.9 HtmlInputRadioBut
10、ton控件,创建一个服务器端控件，该控件映射到HTML元素并允许在Web 页上创建单选按钮。其语法如下： ,HtmlInputRadioButton控件的常用属性,4.2.9 HtmlInputRadioButton控件,使用HtmlInputRadioButton 控件对 HTML 元素进行编程。通过将Name属性设置为组中所有元素所共有的值，可以将多个HtmlInput- RadioButton 控件组成一组。同组中的单选按钮互相排斥，一次只能选择该组中的一个单选按钮。,4.2.10 HtmlInputText控件,创建一个服务器端控件，该控件映射到 和 HTML元素，并允许您创建单行文本框以接收用户输入。其语法如下： ,
