《ASP.NET应用与开发技术教程教学课件作者蒋忠仁C5章节》由会员分享，可在线阅读，更多相关《ASP.NET应用与开发技术教程教学课件作者蒋忠仁C5章节（32页珍藏版）》请在金锄头文库上搜索。
1、第五章 HTML控件的使用,引言,控件是一种类，绝大多数控件具有可视界面，使得程序设计既直观又方便。 ASP. NET提供了两类服务器控件，所谓服务器控件就是在服务器端执行的控件。 本章将学习服务器控件的组成、HTML控件的作用等，主要涉及普通HTML控件的使用、与表格有关的HTML控件的使用、与表单有关的HTML控件的使用。 ASP.NET特地提供HTML控件，这种控件即允许在程序中设置其属性也允许在程序的执行过程中动态地读取及修改其属性，从而可以产生动态的网页。 另一类服务器控件-Web控件，每一个Web控件实例，都是一个对象，有自己的属性、方法和事件，Web控件将在第七章中介绍。,5.1
2、普通HTML控件的使用,普通HTML控件，是指除与表格及表单有关的HTML控件以外的HTML控件，如、及控件等。 HTML控件是由HTML标记衍生而来的，用户可以对HTML控件的属性进行动态设置。,HTML控件和HTML标记的比较,为例，标记用法如下： 共设置了标记的6个属性,HTML控件属性在程序中动态地设置： Body1.Attributes(“Background“)=“bg1.jpg“ Body1.Attributes(“Text“)=“Red“ Body1.Attributes(“Link“)=“White“ Body1.Attributes(“Alink“)=“Red“ Body1
3、.Attributes(“Vlink“)=“Green“,与HTML标记相比，HTML控件主要有以下几个方面的改进： ID名称：HTML控件有唯一的ID名称，便于读取和设置属性。 设置运行属性：指出位于服务器端或客户运行。, 提供Attribute属性设置HTML标记的属性。 提供了新的属性：如Disabled、Style、InnerHtml及InnerText属性等。,控件的Attributes属性的使用,范例ch05_01的运行结果：,范例ch05_02的运行结果：,Disable属性的使用 例ch05_03：(修改ch05_02。),对于文字类型的HTML控件，如控件、控件，如果将它的D
4、isabled属性的值设置成True，则文字的颜色为灰色。,InnerHtml属性和InnerText属性的使用, Sub Page_load(Sender As Object, e As Eventargs) Title1.InnerText=“设置HTML控件的InnerText属性及InnerHtml属性“ Font1.InnerText=“设置Font控件的InnerText属性“ P1.InnerHtml=“设置P控件的InnerHtml属性“ End Sub ,在记事本中显示源码：,设置控件的style属性。,例程ch05-05 Sub Page_load(Sender As Ob
5、ject, e As Eventargs) Body1.Style(“Color“)=“Yellow“ Body1.Style(“Background-Color“)=“Green“ Body1.Style(“font-Size“)=“18“ End Sub HTML控件的Style属性的用法 HTML控件的Style属性的用法 ,控件的使用, Sub Page_load(Sender As Object, e As Eventargs) Anchor1.InnerHtml=“中国教育网“ 。 End Sub , HTML控件A的用法 ,控件的使用, HTML控件Img的用法 , Sub Pa
6、ge_load(Sender As Object, e As Eventargs) 设置Img1的属性 Img1.Attributes(“Src“)=“netease.gif“ Img1.Attributes(“Alt“)=“网易“ Img1.Attributes(“Align“)=“middle“ Img1.Attributes(“Border“)=1 设置Img2的属性 。 ,5.2与表格有关的HTML控件的使用,与表格有关的HTML控件主要有： 、及 这3个控件新增了一些属性。 新增属性中除了控件的Rows属性和控件的Cells属性以及3个控件都有的Attributes、Disabled
7、、InnerHtml、InnerText、Style属性外，其余的属性都与对应的HTML标记的同名属性的作用基本一样。 详见教材表5.1,Rows属性 控件的Rows属性是一个由所有行构成的集合，而每一行对应着一个HtmlTableROW对象，因而Rows属性实际上是所有HtmITableRow对象的集合。,Cells属性 控件的Cells属性是一个由某一行中的所有单元格构成的集合，而每一个单元格对应着一个HtmlTableCell对象，因而Cells属性实际上是某一行中的所有的HtmlTableCell对象所构成集合。,对象的彼此关系,动态地创建表格,（1）创建控件。在网页的主体部分创建控件
8、， （2）创建HtmlTableRow对象。 Dim Row As HtmlTableRow Row=New HtmlTableRow() （3）创建HtmlTableCell对象。 Dim Cell As HtmlTableCell Cell=New HtmlTableCell() Cell.InnerText=“ （4）将新的单元格添加到某一行中。 Row.Cells.Add(Cell) （5）将创建好的行添加到表格中。 Table1.Rows.Add(Row),例ch05_08： Sub Page_load(Sender As Object, a As Eventargs) 设置表格的属
9、性 Table1.Align=“Center “ Table1.Border=2 Table1.BorderColor=“Blue“ Table1.CellPadding=1 Table1.CellSpacing=1 Dim I,J As Integer Dim Row As HtmlTableRow Dim Cell As HtmlTableCell For I=1 To 3 新建一个空行 Row=New HtmlTableRow() For J=1 To 5 新建一个空的单元格 Cell=New HtmlTableCell() Cell.InnerText=“ Row.Cells.Add(
10、Cell) Next J Table1.Rows.Add(Row) Next I End Sub , HTML控件、及的用法 ,5.3与表单有关的控件的使用,与表单有关的HTML控件主要有： 控件组、 控件、 控件 控件，,1.表单的数据处理模式,在ASP中，表单数据的处理是采用数据上传模式，一般由两部分组成 1。用于收集数据的表单程序，是htm格式的文件； 2。是表单数据的处理程序,是asp格式的文件。 其显著特点就是表单程序（htm程序）与数据处理程序（asp程序）分属两个独立的文件，运行模式仍是以两个独立的网页出现。 在ASP.NET中，表单数据的处理采用的是事件驱动模式，供用户输人数据
11、的表单代码与数据处理代码共处于同一个aspx文件，当按下表单的上传按钮时一，就会引发按钮的OnServerClick事件（或Click事件），从而执行数据处理代码。,2.与表单有关的各控件的主要属性和方法,控件随着其所设定的 属性值的不同，而产生不同类别的输入栏。因而实际上控件更应称之为一个控件组。除了控件组以外，还有、及控件，在ASP.NET中，他们都有许多属性（如Attributes、Style等）和方法。,例程ch05_09运行效果,3ASP表单数据处理模式与ASP.NET表单数据处理模式的再比较,ASP表单数据处理的过程,aspx程序的数据上传处理过程,例程：两种数据处理模式的比较 A
12、SP处理模式分为： 表单程序form.htm和数据处理程序handle.asp。, 传送表单数据 您的姓名： 您的E-mail： , 您好！欢迎您光临！ 您的E-mail地址为： ,数据处理程序handle.asp,例ch05_09ASP.NET的表单及处理程序, 传送表单数据 您的姓名： 您的E-mail： Sub ButSend_Click(Sender As Object, e As EventArgs) Dim Result As String Hr2.Visible=True Result=name.Value & “您好！欢迎您光临！“ & “ Result=Result & “您
13、的E-mail地址为：“ & e_mail.value P1.InnerHtml=Result End Sub Sub ButCancel_Click(Sender As Object, e As EventArgs) name.Value=“ e_mail.Value=“ End Sub ,对ASP.NET表单程序的几点说明,(1) 与ASP中的相比，在ASP NET中已用不着给指定Action属性了，但一定要加上Runat “Server”，以说明这个表单程序是在服务器端运行的，否则在单击表单的数据上传按钮时，网页状态栏上会显示“网页上有错误”或不产生任何反应。 (2) Sub ButSe
14、nd_Click(Sender As Object, a As EventArgs) 表单的数据上传按钮的ServerClick事件所驱动的过程ButSendesClick是数据处理的关键。在该过程中可以对表单数据进行处理。 (3）表单数据的读取 在ASP表单处理程序中，用对象Request来读取数据；而在ASP NET中，数据的读取则非常简单，如Input Type=TexU文本框控件只需读取它的Value属性的值，就可以取得在文本框中输人的内容。,控件组的使用,控件组与对应的标记的作用几乎相同， 在创建控件时，如果多个控件是属于同一组的，就应该将它们的Name属性的值设置成一样的。 例如：
15、性别属性的输入 男 女 这两个控件属于同一组，它们的Name属性的值都设置成sex。,例ch05_10运行效果,控件的使用,控件与控件的用法非常类似，都是供用户输入文字，都通过Value属性来读取内容。但前者比后者多了Cols属性和Rows属性，因而可实现多行输入。 另外还一点需要说明的是，由于在控件中的输入框中输入的文字可以是多段的（每段结尾字符为chr(13)），为了在网页中也显示为多段，必须使用Replace函数将chr(13)替换为或标记。,例ch05_11的运行效果,控件的使用,1控件列表项的添加有两种方法。 （1）静态方法。所谓静态方法，是指在创建控件时，通过来添加列表项，如下所示
16、。 上海 纽约 （2）动态方法。所谓动态方法，是指在程序执行过程中，通过调用控件的Items属性的Add方法来添加列表项，如下所示。 city.Items.Add(“北京“) city.Items.Add(“广州“),例ch05_12的运行效果,2由用户来添加新的列表项,网页中，还有一个文本框“新城市”和一个按钮“添加到下拉列表”，它们的作用是一旦用户发觉在列表框中没有自己所满意的列表项时，可以先在“新城市”文本框中输入一个新的城市名，然后单击“添加到下拉列表”按钮，则会将新的城市名添加到列表框中。,“添加到下拉列表”按钮的ServerClick事件过程的代码,Sub ButAdd_Click(Sender As Object,As EventArgs) Dim I As Integer Dim Found As Boolean=False For I=1 To city.Items.Count-1 If StrComp(NewCity.Val
