Presentation is loading. Please wait.

Presentation is loading. Please wait.

第4章 服务器控件 4.1 服务器控件概述 4.2 HTML服务器控件 4.3 Web服务器控件 4.4 本章小结.

Similar presentations


Presentation on theme: "第4章 服务器控件 4.1 服务器控件概述 4.2 HTML服务器控件 4.3 Web服务器控件 4.4 本章小结."— Presentation transcript:

1 第4章 服务器控件 服务器控件概述 HTML服务器控件 Web服务器控件 本章小结

2 4.1 服务器控件概述 4.1.1 服务器控件分类 ASP.NET的Server控制组件分为两种:HTML控制组件和Web控制组件。
服务器控件概述 4.1.1 服务器控件分类 ASP.NET的Server控制组件分为两种:HTML控制组件和Web控制组件。 4.1.2 服务器控件属性、事件和方法 服务器控件是ASP.NET的特定对象,每一个控件都具有特定的属性、事件和方法 4.1.3 服务器控件层次结构 ASP.NET服务器控件是从System.Web.UI.Control直接或间接派生的。 ASP.NET服务器控件的主要作用是提供用户界面。服务器控件层次结构如图所示。

3 4.2 HTML服务器控件 4.2.1 HTML服务器控件的层次结构
HTML服务器控件的主要功能是在Web页面上管理控件。图显示了HTML服务器控件的 层次结构。 HTML服务器控件提供以下功能: l   可在服务器上使用熟悉的面向对象技术对其进行编程的对象模型。 l       提供一组事件,可以为其编写事件处理程序,方法与在基于客户端的窗体中大致 相同,所不同的是事件处理是在服务器代码中完成的。 l       在客户端脚本中处理事件的能力。 l       自动维护控件状态。

4 4.2 HTML服务器控件 4.2.2 HTML控件的基本语法 4.2.3 HTML控件详解 几个共同的属性:
<HTML标记 Id=“控件名称” Runat=“Server”> 4.2.3 HTML控件详解 1. HTML服务器控件的共同属性 几个共同的属性: (1)Innerhtml (2)InnerText (3)Disable (4) Visible (5)Value (6)Attributes (7)Style。 2. HtmlAnchor控件 HtmlAnchor控件的主要属性和事件如下: (1)Href属性:用来获取或设置在HtmlAnchor服务器控件中指定的链接的URL目标。 (2)Title属性:用来获取或设置当鼠标指针放在HtmlAnchor控件上所显示的工具提示文本。 (3)Name属性:获取或设置HtmlAnchor服务器控件中定义的书签名。 (4)Target属性:获取或设置要将Web页内容加载到的目标窗口或框架。

5 4.2 HTML服务器控件 3. HtmlInputButton控件 HtmlInputButton控件的主要属性和事件如下:
(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控件时发生的处理 程序。

6 4.2 HTML服务器控件 【例4.1】使用HtmlAnchor和HtmlButton控件实现超链接及单击按钮的响应。设计步骤如下:
(1) 在VS.NET中创建项目WebExamp4_1。 (2) 设计项目主页面WebForm1.aspx,包含5个Html服务器控件,分别是:2个 HtmlAnchor控件、1个Text控件和2个HtmlButton控件。当单击2个HtmlAnchor控件时, 分别转到“新浪”和“搜狐”网站,单击HtmlButton控件时,在Text控件中显示相关信息。 各控件的属性设置见下表。 (3) 在WebForm1.aspx界面的空白处双击,进入程序编辑窗口,在Page_load()事件处理 中输入以下程序代码: Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '设置Anchor1和Anchor2的各项属性值 Anchor1.InnerHtml = "单击进入新浪网" Anchor1.HRef = "

7 4.2 HTML服务器控件 l Button1_Click ()事件处理中输入以下程序代码:
Anchor1.Title = "新浪" Anchor2.InnerHtml = "单击进入搜狐网,并在新窗口中打开" Anchor2.HRef = " Anchor2.Target = "_blank" '打开新窗口 Anchor2.Title = "搜狐" End Sub l Button1_Click ()事件处理中输入以下程序代码: Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click '设置当按下Button1时在Text1上显示的内容 Text1.Value = "您单击了按钮1" l 在Button2_Click ()事件处理中输入以下程序代码: Private Sub Button2_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click '设置当按下Button2时在Text1上显示的内容 Text1.Value = "您单击了按钮2" (4) 编译执行程序,运行结果如图所示。

8 程序运行初始界面 (b) 单击Anchor1时进入新浪网站
4.2 HTML服务器控件 程序运行初始界面 (b) 单击Anchor1时进入新浪网站 (c) 单击Anchor2时进入搜狐网站

9 4.2 HTML服务器控件 4. HtmlInputImage控件 5. HtmlInputText控件 6. HtmlTextArea控件
(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属性

10 4.2 HTML服务器控件 【例4.2】 使用HtmlImage、HtmlInputText和HtmlInputButton控件实现以下功能:验证用户的输入 是否正确。如果用户输入的用户名或密码错误,显示错误信息,并显示一张哭丧的脸;如果用户输入的用户名或密码正确,则显示欢迎信息,并显示一张欢笑的脸。设计步骤如下: (1) 在VS.NET中创建项目WebExamp4_2 (2) 设计项目主页面WebForm1.aspx ,各控件的主要属性设置见表。 (3) 双击Submit1按钮,在Submit1_ServerClick ()事件处理中输入以下程序代码: Private Sub Submit1_ServerClick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Submit1.ServerClick If name.Value = "guest" And password.Value = "123456" Then '正确的用户名为"guest",密码为"123456" message.InnerHtml = “恭喜你,欢迎使用本系统” IMG1.Src = "c:smile.bmp" '设置IMG1的图像源为"c:smile.bmp" IMG1.Alt = “笑脸” '若图像不可用,在IMG1中显示"笑脸" Else message.InnerHtml = "用户名或密码错误,请重新输入" IMG1.Src = "c:cry.bmp" IMG1.Alt = "哭脸" End If End Sub 在Reset1_ServerClick ()事件处理中输入以下程序代码:

11 4.2 HTML服务器控件 (4) 编译、运行程序。 程序的运行结果见图。
Private Sub Reset1_ServerClick(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Reset1.ServerClick 控件的属性设置 ‘用户名和密码置空 name.Value = " " password.Value = " " End Sub (4) 编译、运行程序。 程序的运行结果见图。 用户名或密码不正确时的显示界面

12 4.2 HTML服务器控件 HtmlInputCheckBox控件的主要属性和事件如下: 8. 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元素及用途见右表。

13 4.3 Web服务器控件 4.3.1 Web服务器控件的层次结构
图4.7显示了System.Web.UI.WebControls名称空间中控件的层次结构。 图4.7 Web服务器控件的层次结构 4.3.2 Web服务器控件基本语法 Web服务器控件的基本语法: <ASP: 控件Id=“控件名称” Runat=“Server” 属性1=“属性设置值1” 属性2=“属性 设置值2”……></ASP: 控件> 或者 <ASP: 控件Id=“控件名称” Runat=“Server”/ 属性1=“属性设置值1” 属性2=“属性 设置值2”…… / >

14 4.3 Web服务器控件 4.3.3 Web服务器控件详解 1. Button控件 2. HyperLink控件
<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属性

15 4.3 Web服务器控件 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控件使用语法:

16 4.3 Web服务器控件 6. TextBox控件 <ASP: Label 属性设置> </ASP: Label>
或者 <ASP: Label 属性设置 /> Label控件的主要属性:    (1) AutoSize属性   (2) Text属性 (3)  TextAlign属性:该属性设置标签内的文本的对齐方式。取值及其含义见表。 (4) Font属性 (5)  Height属性 (6)Width属性 图TextAlign属性的取值及其含义 6. TextBox控件

17 4.3 Web服务器控件 TextBox控件使用语法:
<ASP: TextBox 属性设置> </ASP: TextBox> 或者<ASP: TextBox 属性设置 /> TextBox控件的主要属性和事件如下: (1) AutoPostBack属性 (2) Columns属性 (3) Rows属性 (4) MaxLength属性 (5) ReadOnly属性 (6) Text属性 (7) Wrap属性 (8) TextMode属性 【例4.4】 使用Label、TextBox、HyperLink和Button控件实现以下功能:利用HyperLink 控件实现超链接,链接的网站由用户文本框内输入的内容决定。设计步骤如下: (1) 在VS.NET中创建项目WebExamp4_4。 (2) 设计项目主页面WebForm1.aspx,各控件的主要属性设置见表。 控件的属性设置

18 4.3 Web服务器控件 (3) 双击ok按钮,在ok_Click()事件处理中输入以下程序代码:
Private Sub Ok_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click If TextBox1.Text = "新浪" Then HyperLink1.NavigateUrl = " '设置单击HyperLink1时定位的URL HyperLink1.Text = "单击进入新浪网站" HyperLink1.Target = "_blank" '在新窗口中打开 End If If TextBox1.Text = "搜狐" Then HyperLink1.NavigateUrl = " HyperLink1.Text = "单击进入搜狐网站" HyperLink1.Target = "_blank" End Sub reset_Click()事件处理中输入以下程序代码: Private Sub reset _Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click TextBox1.Text = " " '文本框置空

19 4.3 Web服务器控件 7. CheckBox控件和CheckBoxList控件 l CheckBox控件使用语法:
(4) 编译、运行程序。 在TextBox1中输入“新浪”后,单击“确定”按钮,运行结果如图4所示,单击图中超链接文本可在新窗口中打开“新浪”网站;在TextBox1中输入“搜狐”后,单击“确定”按钮,运行结果如图所示。 (a) (b) 图程序运行结果 7. CheckBox控件和CheckBoxList控件 l CheckBox控件使用语法: ASP: CheckBox 属性设置 > </ASP: CheckBox > 或者 <ASP: CheckBox属性设置 />

20 4.3 Web服务器控件 l CheckBox控件的主要属性和事件
       (1)  Checked属性 (2) Enabled属性 (3) Text属性 (4)  TextAlign属性 (5) AutoPostBack属性 (6)CheckedChanged事件 l CheckBoxList控件是一个CheckBox控件组,CheckBoxList控件使用语法: <ASP: CheckBoxList 属性设置 > </ASP: CheckBoxList > 或者 <ASP: CheckBoxList 属性设置 /> l 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事件 l CheckBoxList控件的每个选项都有以下3个基本属性 (1) Text:表示每个选项的文本。 (2) Value:表示每个选项的选项值。 (3) Selected:表示该选项是否选中。 8. RadioButton控件和RadioButtonList控件 RadioButton控件使用语法:

21 4.3 Web服务器控件 <ASP: RadioButton 属性设置 > </ASP: RadioButton >
或者 <ASP: RadioButton 属性设置 /> l RadioButton控件的主要属性和事件 (1)AutoPostBack属性 (2) Checked属性 (3)Text属性 (4)GroupName属性      (5) TextAlign属性 (6)   Enabled属性 (7)OnCheckedChanged事件 l RadioButtonList控件是单个控件,可作为单选按钮列表项集合的父控件。 RadioButtonList控件使用语法: <ASP: RadioButtonList 属性设置 > </ASP: RadioButtonList > <ASP: RadioButtonList 属性设置 /> l RadioButtonList控件的主要属性和事件 (1) AutoPostBack属性 (2) DataSource属性 (3) DataTextField属性 (4) DataValueField属性     (5) Items属性 (6) RepeatColumns属性 (7) RepeatDirection属性 (8) RepeatLayout属性 (9) SelectedIndex属性 (10) SelectedItem属性 (11) OnSelectedIndexChanged事件 l RadioButtonList控件的每个选项都有以下3个基本属性 (1)    Text:表示每个选项的文本。 (2)    Value:表示每个选项的选项值。 (3) Selected:表示该选项是否选中。

22 4.3 Web服务器控件 【例4.5】使用CheckBox和RadioButtonList控件实现以下功能:制作一个注册界面,通过TextBox 控件输入用户名和口令,选择性别和爱好,按“确定”按钮,在TextBox控件中显示注册 人的相关信息。 (1)在VS.NET中创建项目WebExamp4_5。 (2) 设计项目主页面WebForm1.aspx,各控件的主要属性设置见表。 控件的属性设置

23 4.3 Web服务器控件 (3) 双击ok按钮,在ok_ Click ()事件处理中输入以下程序代码:
Private Sub Ok_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Ok.Click Dim str As String If name.Text = "" Or password.Text = "" Then str = "用户名和口令均不能为空" Else str = "用户" + name.Text + "性别" + xb.SelectedItem.Value + " 口令是" + password.Text If music.Checked Or drawing.Checked Or sports.Checked Or writing.Checked Then str = str + "爱好 " If music.Checked Then str = str + music.Text End If If sports.Checked Then str = str + sports.Text If writing.Checked Then str = str + writing.Text message.Text = str End Sub

24 4.3 Web服务器控件 9. Image控件 10. ListBox控件
双击close按钮,在close _ Click ()事件处理中输入以下程序代码: Private Sub close_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles close.Click Return End Sub (4)编译、运行程序。输入用户名、口令,选择性别和爱好后,单击“确定”按钮, 运行结果如图所示。 程序运行结果 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 属性设置 />

25 4.3 Web服务器控件 ListBox控件的主要属性和事件如下: (1) AutoPostBack属性 (2) Rows属性
(3) Items属性:Items属性是ListBox控件各选项的集合。每个列表项都是一个单独的对象, 具有自己的属性,见表。 ListBox控件中每个选项的基本属性 (4) SelectionMode属性:该属性指明一次是否可多选。SelectionMode属性的各种取值极其 含义见表。 SelectionMode属性的各种取值及其含义

26 4.3 Web服务器控件 11. DropDownList控件 DropDownList控件使用语法:
(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事件 【例4.6】使用ListBox和DropDownList控件实现以下功能:设计一个曲目选择界面,通过图 像按钮在可供选择的曲目的列表和选定曲目列表中移动曲目,在下拉列表中选择播 放方式,按“播放”按钮,在TextBox控件中显示相关信息,按“停止”按钮退出。设 计步骤如下: (1) 在VS.NET中创建项目WebExamp4_6。 (2) 设计项目主页面WebForm1.aspx,各控件的主要属性设置见表4.16。

27 4.3 Web服务器控件 表4.16 控件的属性设置 (3) 在WebForm1.aspx界面的空白处双击,进入程序编辑窗口,在Page_load()事件处理中输 入以下程序代码: Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load '初始化gxqm列表,添加曲目名

28 4.3 Web服务器控件 gxqm.Items.Add("幻想即兴曲") gxqm.Items.Add("车队波罗乃兹")
gxqm.Items.Add("降E大调夜曲") gxqm.Items.Add("升C小调练习曲") End Sub l 双击ImageButton1按钮,在ImageButton1_Click()事件处理中输入以下程序代码: Private Sub ImageButton1_Click(ByVal sender As System.Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton1.Click gxqm.Items.Add(xdqm.SelectedItem.Value) '将xdqm列表中选中曲目添加到gxqm列表中 xdqm.Items.Remove(xdqm.SelectedItem) ‘将xdqm列表中选中的曲目删除 l 双击ImageButton2按钮,在ImageButton2_Click()事件处理中输入以下程序代码: Private Sub ImageButton2_Click(ByVal sender As System.Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton2.Click xdqm.Items.Add(gxqm.SelectedItem.Value) '将gxqm列表中选中曲目添加到xdqm列表中 gxqm.Items.Remove(gxqm.SelectedItem) '将gxqm列表中选中的曲目删除

29 4.3 Web服务器控件 l 双击ImageButton3按钮,在ImageButton3_Click()事件处理中输入以下程序代码:
Private Sub ImageButton3_Click(ByVal sender As System.Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton3.Click Dim i As Int16 For i = 0 To gxqm.Items.Count - 1 xdqm.Items.Add(gxqm.Items(i).Value) ‘ 将gxqm列表中的第i项添加到xdqm列表中 Next gxqm.Items.Clear() '将gxqm列表中所有曲目删除 End Sub l 双击ImageButton4按钮,在ImageButton4_Click()事件处理中输入以下程序代码: Private Sub ImageButton4_Click(ByVal sender As System.Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton4.Click For i = 0 To xdqm.Items.Count - 1 gxqm.Items.Add(xdqm.Items(i).Value) '将xdqm列表中的第i项添加到gxqm列表中 xdqm.Items.Clear() '将xdqm列表中所有曲目删除 l 双击ok_按钮,在ok__Click()事件处理中输入以下程序代码: Private Sub ok_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles ok.Click message.Text = “您共选择了” + xdqm.Items.Count.ToString + “个曲目,以” + bffs.SelectedItem.Value + “方式播放" 'message中显示相关信息

30 4.3 Web服务器控件 双击close _按钮,在close __Click()事件处理中输入以下程序代码:
End Sub 双击close _按钮,在close __Click()事件处理中输入以下程序代码: Private Sub close_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles close.Click Return '退出 (4) 编译、运行程序。选中3首曲目添加到选定曲目列表中,再在下拉列表中选择“随机播放”,单击“播放”按钮,运行结果如图所示。 图4.10 程序运行结果

31 4.3 Web服务器控件 12. Table、TableRow和TableCell控件 Table控件使用语法:
<ASP: Table 属性设置 > </ASP: Table > 或者 <ASP: Table 属性设置 /> l Table控件的主要属性如下: (1)CellPadding属性 (2) CellSpacing属性 (3) Rows 属性 (4)GridLines属性,该属性的取值及其含义见表。 (5)HorizontalAlign属性,该属性的取值及其含义见表 GridLines属性的取值及其说明表 HorizontalAlign属性的取值及其说明

32 4.3 Web服务器控件 (1) Cells属性 (2)HorizontalAlign属性
l TableRow控件的主要属性如下: (1) Cells属性 (2)HorizontalAlign属性 (3) VerticalAlign属性,表列出了可能的值及其含义。 VerticalAlign属性的取值及其说明 l TableCell控件的主要属性如下: (1) ColumnSpan属性 (2)HorizontalAlign属性 (3) RowSpan属性 (4) VerticalAlign属性 (5) Wrap属性 【例4.8】使用Table控件实现:根据输入的行数和列数创建表格。 (1) 在VS.NET中创建项目WebExamp4_7。 (2) 设计项目主页面WebForm1.aspx,各控件的主要属性设置见表4.21。

33 4.3 Web服务器控件 (3) 双击create按钮,在create_Click()事件处理中输入以下程序代码:
Private Sub create_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles create.Click Dim i, j As Integer Dim r, c As Object For i = 1 To Val(rows.Text) r = New TableRow() '生成新的行 For j = 1 To Val(cols.Text) c = New TableCell() '生成新的单元格 c.text = (“第” & i & “行,第” & j & “列”) '设置单元格内容 r.cells.add(c) '将单元格添加到行上 Next Table1.Rows.Add(r) ‘将行添加到表格上 End Sub (4) 编译、运行程序。行数值输入3,列数值输入4,单击“创建表格”按钮,运行结果如图所示。 控件的属性设置 程序运行结果

34 4.4 本章小结 本章介绍了ASP.NET服务器端控件的使用方法。重点介绍了HTML和WEB控件的语法、常用属性和使用方法。HTML和WEB控件是用ASP.NET开发程序的基础,特别是WEB控件更是创建ASP.NET应用程序的基础,读者应重点掌握。 习题 1.       说明HTML表单和Web表单之间的区别。 2.       一般情况下,可以通过哪两种方法设置控件属性的值? 3.       简述Label控件的使用场合,使用Label控件有何好处? 4.       设计一个ASP.NET项目,实现如下功能: 通过一个组合列表框选择或输入姓名,通过复选框选择其爱好,然后显示 “欢迎你, 爱好***的**”的信息。其中***代表爱好,**代表姓名。


Download ppt "第4章 服务器控件 4.1 服务器控件概述 4.2 HTML服务器控件 4.3 Web服务器控件 4.4 本章小结."

Similar presentations


Ads by Google