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

Slides:



Advertisements
Similar presentations
計算機程式及實習 Computer Program Design and Experiment) 期末報告 ppt 南台科技大學機械工程系 姓名 : 蔡中銘 學號 :4A 授課老師 : 謝慶存大帥哥.
Advertisements

Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
HyperText Markup Language
視窗應用程式表單的基本輸出入 資管系 助理教授 詹曉苓.
第六章 网页设计与制作基础.
計算機程式及實習 期末報告 題目:超級猜一猜
計算機程式及實習 期末報告 題目:商店結帳系統
ooxx這個遊戲程式,非常的簡單只要你小時候會玩井字遊戲即可把電腦打敗,可以說是一種考智力取勝的遊戲。
Task #3 使用ASP.NET服务器控件创建页面.
第5章 HTML 標籤介紹.
密码程序设置.
南台科技大學 機械工程系 車輛一甲 學號:4A 學生:黃信成 老師:謝慶存
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
第一章我的第一个ASP.NET网站.
Visual Basic 2005學習範本 第5章 選擇結構.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
《ASP.NET数据库网站设计教程(C#版)》
第6章 HTML控件和Web服务器控件 本章讲述的主要内容 6.1 ASP.NET控件概述 6.2 标准服务器端控件 6.3 数据验证控件
网 络 课 程 马 鞍 学 网 络 山 课 程 大 络 网 Visual Basic程序设计 第 一 讲 最容易接受的编程语言
《计算机网络技术》 asp.net 程序设计 文本类控件 笪静.
題目:台灣客運 南臺科技大學 機械工程系 班級:奈米一乙 學號:4A 姓名:蔡政堯 授課教師:謝慶存
HTML.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
CH10.
BLANK overview.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
Chapter 4 基本伺服器控制項.
第七章、RFID WinCE系統開發 本章針對RFID系統中的行動裝置架構開發方式進行介紹,這裡所指的行動裝置指的是使用Windows Mobile作業系統的個人數位助理PDA或是手機而言,本章內之範例可以在此平台上運作無虞。主要說明使用VS.NET 2008平台開發與RFID結合的Windows.
Chapter 5 進階伺服器控制項.
CH11.
建立VB.NET應用程式 資管系 助理教授 詹曉苓.
Ch11 檔案上傳及電子郵件 WEB程式設計.
第2章 建立Visual Basic應用程式.
第13章 WinForms基础知识.
程式語言 -Visual Basic 變數、常數與資料型態.
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
Controls.
第18章 B4J的跨平台應用程式開發 18-1 B4J的GUI設計工具與介面控制項 18-2 使用B4J的介面控制項
WEB伺服器控制項.
Timer & Format.
第10章 視窗應用程式的工具列與功能表.
走进编程 程序的顺序结构(二).
第五章 Windows窗体界面设计 5.1 鼠标事件与键盘事件 5.2 Windows窗体基本控件 5.3 菜单与工具栏
2.5.1 单选控件 单选控件可以为用户选择某一个选项,单选控件常用属性如下所示。
Ch03 基本輸出入介面設計 視窗程式設計 授課教師:王大瑾.
第3章 ASP.NET程序设计基础 3.
每个控件都有一些公共属性,例如字体颜色、边框的颜色、样式等。 在 Visual Studio 2008 中,当开 发人员将鼠标选择了相应的控件后,属性栏中会简单的介绍该属性的作用。如右图所示.
第4章 視窗應用程式的基本輸出入 4-1 物件基礎程式設計 4-2 表單控制項 4-3 按鈕控制項 4-4 資料輸出的標籤控制項
題目:南台飲料店結帳系統 南台科技大學 機械工程系 車輛一甲 學號:4A
菜单、状态栏和工具栏 菜单 状态栏 工具栏 编写代码 创建用户界面 Debug and Deploy 使用 Visual
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
SOA – Experiment 2: Query Classification Web Service
第四讲 客户问卷调查程序 教育部“十二五”职业教育国家规划教材
計算機程式及實習 Computer Program Design and Experiment) 期末報告ppt製作 南台科技大學 機械工程系 題目:南台電影城結帳系統 班級 : 車輛一甲 學號 : 4A 授教學生: 阮偉倫 授課老師: 謝慶存.
补充:c#语言基础.
第 11 章 功能表列與工具列的設計 & 第 10 章 檔案.
第4章 ASP.NET服务器控件.
Controls.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
Visual Basic程序设计 第13章 访问数据库
Delphi 7.0开发示例.
1位选手参加了歌唱比赛,评委们的评分如下:
程式設計 Visual Basic簡介 週次:4 建國技術學院 資管系 饒瑞佶 2003年11月1日.
创建、启动和关闭Activity 本讲大纲: 1、创建Activity 2、配置Activity 3、启动和关闭Activity
第六讲 酒店客房管理系统(二) 教育部“十二五”职业教育国家规划教材
表单页面 表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理。通过表单,既可以将浏览器的信息发送到Internet服务器上,同时表单也可以使用户与站点的浏览者交互或从浏览者那里收集信息。它是网页的设计者和使用者相互交流的工具。表单对象包括文本域(单行、多行、密码)、列表、菜单、复选框、单选框、按钮等。
Presentation transcript:

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

4.1 服务器控件概述 4.1.1 服务器控件分类 ASP.NET的Server控制组件分为两种:HTML控制组件和Web控制组件。 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服务器控件的主要作用是提供用户界面。服务器控件层次结构如图所示。

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

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页内容加载到的目标窗口或框架。

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控件时发生的处理 程序。

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"

4.2 HTML服务器控件 l Button1_Click ()事件处理中输入以下程序代码: Anchor1.Title = "新浪" Anchor2.InnerHtml = "单击进入搜狐网,并在新窗口中打开" Anchor2.HRef = "http://www.sohu.com 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) 编译执行程序,运行结果如图所示。

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

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属性

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 ()事件处理中输入以下程序代码:

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) 编译、运行程序。 程序的运行结果见图。 用户名或密码不正确时的显示界面

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元素及用途见右表。

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”…… / >

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属性

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控件使用语法:

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控件

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,各控件的主要属性设置见表。 控件的属性设置

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 Sub reset_Click()事件处理中输入以下程序代码: Private Sub reset _Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button2.Click TextBox1.Text = " " '文本框置空

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属性设置 />

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控件使用语法:

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:表示该选项是否选中。

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

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

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 属性设置 />

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

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。

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列表,添加曲目名

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列表中选中的曲目删除

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中显示相关信息

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 程序运行结果

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属性的取值及其说明

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。

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,单击“创建表格”按钮,运行结果如图所示。 控件的属性设置 程序运行结果

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