1 / 34

第 4 章 服务器控件

第 4 章 服务器控件. 4.1 服务器控件概述 4.2 HTML 服务器控件 4.3 Web 服务器控件 4.4 本章小结. 4.1 服务器控件概述. 4.1.1 服务器控件分类 ASP.NET 的 Server 控制组件分为两种： HTML 控制组件和 Web 控制组件。 4.1.2 服务器控件属性、事件和方法 服务器控件是 ASP.NET 的特定对象，每一个控件都具有特定的属性、事件和方法 4.1.3 服务器控件层次结构

margie
Download Presentation

第 4 章 服务器控件

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. 4.1 服务器控件概述 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服务器控件 l与验证控件进行交互，便于验证用户是否在控件输入了适当的信息。 • l 数据绑定到一个或多个控件属性 • l直接可用的自定义属性。 4.2.2 HTML控件的基本语法 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服务器控件 (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 = "http://www.sina.com"

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

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

  9. 4.2 HTML服务器控件 4. HtmlInputImage控件 HtmlInputImage控件主要属性和事件如下： (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服务器控件 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服务器控件 8. HtmlInputCheckBox控件 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控件 Button控件的使用语法： <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服务器控件 <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 = "http://www.sina.com" '设置单击HyperLink1时定位的URL HyperLink1.Text = "单击进入新浪网站" HyperLink1.Target = "_blank" '在新窗口中打开 End If If TextBox1.Text = "搜狐" Then HyperLink1.NavigateUrl = "http://www.sohu.com" HyperLink1.Text = "单击进入搜狐网站" HyperLink1.Target = "_blank" End If End Sub reset_Click()事件处理中输入以下程序代码： Private Sub reset _Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click TextBox1.Text = " " '文本框置空 End Sub

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

  20. 4.3 Web服务器控件 lCheckBox控件的主要属性和事件 (1)  Checked属性 (2) Enabled属性 (3) Text属性 (4)  TextAlign属性 (5) AutoPostBack属性 (6)CheckedChanged事件 lCheckBoxList控件是一个CheckBox控件组，CheckBoxList控件使用语法： <ASP: CheckBoxList 属性设置> </ASP: CheckBoxList > 或者 <ASP: CheckBoxList 属性设置/> lCheckBoxList控件的主要属性和事件 (1)  AutoPostBack属性 (2)DataSource属性 (3) DataTextField属性 (4)  DataValueField属性(5)  Items属性(6)RepeatColumns属性 (7) RepeatDirection属性 (8) RepeatLayout属性 (9) SelectedIndex属性 (10) SelectedItem属性 (11) TextAlign属性 (12) SelectedIndexChanged事件 lCheckBoxList控件的每个选项都有以下3个基本属性 (1) Text：表示每个选项的文本。 (2) Value：表示每个选项的选项值。 (3) Selected：表示该选项是否选中。 8. RadioButton控件和RadioButtonList控件 RadioButton控件使用语法：

  21. 4.3 Web服务器控件 <ASP: RadioButton 属性设置 > </ASP: RadioButton > 或者 <ASP: RadioButton 属性设置 /> lRadioButton控件的主要属性和事件 (1)AutoPostBack属性 (2) Checked属性 (3)Text属性 (4)GroupName属性 (5) TextAlign属性 (6)   Enabled属性 (7)OnCheckedChanged事件 l RadioButtonList控件是单个控件，可作为单选按钮列表项集合的父控件。 RadioButtonList控件使用语法： <ASP: RadioButtonList 属性设置> </ASP: RadioButtonList > 或者 <ASP: RadioButtonList 属性设置/> lRadioButtonList控件的主要属性和事件 (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 End If If writing.Checked Then str = str + writing.Text End If End If End If message.Text = str End Sub

  24. 4.3 Web服务器控件 双击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服务器控件 (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("马祖卡舞曲") gxqm.Items.Add("英雄波罗乃兹") gxqm.Items.Add("革命练习曲") 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列表中选中的曲目删除 End Sub 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列表中选中的曲目删除 End Sub

  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 Dim i As Int16 For i = 0 To xdqm.Items.Count - 1 gxqm.Items.Add(xdqm.Items(i).Value) '将xdqm列表中的第i项添加到gxqm列表中 Next xdqm.Items.Clear() '将xdqm列表中所有曲目删除 End Sub 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服务器控件 End Sub 双击close _按钮，在close __Click()事件处理中输入以下程序代码： Private Sub close_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles close.Click Return '退出 End Sub (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服务器控件 lTableRow控件的主要属性如下： (1) Cells属性 (2)HorizontalAlign属性 (3) VerticalAlign属性,表列出了可能的值及其含义。 VerticalAlign属性的取值及其说明 lTableCell控件的主要属性如下： (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) ‘将行添加到表格上 Next 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项目，实现如下功能： 通过一个组合列表框选择或输入姓名，通过复选框选择其爱好，然后显示 “欢迎你， 爱好***的**”的信息。其中***代表爱好，**代表姓名。

More Related