ASP.NET服务器端控件培训课件.ppt

1、WEB应用程序设计(ASP.NET),汪 学 文 wxwAspDotN 2011年3月,课程网站：,第3课 ASP.NET服务器端控件,本课要点： 了解和使用各种服务器控件 使用文本框、列表框等标准控件输入数据 使用验证控件确保输入数据的正确性 使用文件上传控件、日历控件等Rich控件 了解导航控件和用户控件的使用 本课示例请参见课件文件夹下AspDotNetLesson3_1文件夹，虚拟目录配置为AspDotNetLesson3_1,3.1 服务器端控件概述,Web窗体是一个窗口类对象，由代码、标记、正文文本和服务器控件组成。 在ASP.NET页面元素中，除Html标记外，所有控件实际上是在

2、服务器端运行的。 所有服务器控件都必须放在与标记之间。 所有服务器控件都必须使用runat=“server”属性。,什么是控件？,不仅仅是页面上的表单元素。 ASP.NET是想将页面上所有的内容都用控件表示。,控件的声明,声明控件的第1种方法 声明控件的第2种方法 欢迎大家 ,控件的分类,控件的类型 HTML服务器控件 Web服务器控件 ASP.NET 2.0提供了丰富的Web服务器控件： 标准控件 List控件(列表控件) 验证控件 Rich控件(高级控件) 导航控件 登录控件等等,3.2 HTML服务器端控件,这一类控件是主要是为了保留原来的HTML元素标记。一般和原来的HTML标记一一对

3、应，只是增加了runat=“server”。 常用Html服务器控件请参见教材P35表3.1,3.3 标准控件,标准控件几乎是每个ASP.NET应用程序都要用到的。主要包括： 显示信息的Label和Literal控件 接受用户输入的TextBox、CheckBox、RadioButton控件 提交表单数据的Button、LinkButton和ImageButton控件 显示图像的Image和ImageMap控件 其它控件(Panel控件和HyperLink控件),Label控件和Literal控件,如果需要动态地修改显示在页面中的文本，可以使用Label控件。 Label控件的内容会由服务器端

4、转译成标签。,protected void Page_Load(object sender, EventArgs e) / 显示时间 lblTime.Text = (T); ,ShowLabel.aspx,Label控件,Label控件的格式化属性 BackColor：背景色 BorderColor：边框色 BorderStyle：边框样式 BorderWidth：边框宽度 CssClass：关联的CSS类 Font：字体 ForeColoe：前景色 ToolTip：工具提示 一般建议：避免使用格式属性，而使用CSS来格式化Label控件的输出内容。,ShowLabel.aspx, .labe

5、lstyle color:red; background-color:yellow; border:Solid 2px Red; ,AssociatedControlID 属性,Label控件的AssociatedControlID属性的作用：一是方便读屏器等程序正确地识别标签和表单，二是当点击标签时，自动把表单焦点设置为相应的表单输入框。,Literal控件,Literal控件类似于Label控件，区别在于，Literal控件在转译时不产生标记，因此，它没有格式化属性。,使用Literal控件修改浏览器标题,ShowLabel.aspx,接收用户输入,主要使用TextBox、CheckBox

6、、RadioButton等控件来接收用户输入，对应于Html的标签。 TextBox控件 TextMode: Single | Multiline | Password Text: 显示的文字 MaxLength: 整数，表示输入的最大的字符数 Rows: 整数，当为多行文本时的行数 Columns 整数，当为多行文本时的列数 Wrap: True | False，表示是否允许换行，默认为True AutoPostBack: True | False OnTextChanged: 当文字改变时触发的事件过程,TextBox示例,ShowTextBox.aspx,CheckBox控件,主要属性：

7、 Text:控件上显示的文字 TextAlign：对齐方式 Checked:是否选中 AutoPostBack:是否自动回传 主要方法： Focus：设为本控件为输入焦点 主要事件： CheckedChanged：选中或取消选中时，在服务器端引发 多个CheckBox时，建议使用CheckBoxList控件,RadioButton控件,主要属性： Text:控件上显示的文字 TextAlign:对齐方式 Checked:是否选中 GroupName:同一页面的单选钮要分组时，同一组的单选钮要使用同一个组名 AutoPostBack:是否回传 主要方法： Focus：设为本控件为输入焦点 主要事

8、件： CheckedChanged：选中或取消选中时，在服务器端引发 多个单选钮时，建议使用RadioButtonList控件,CheckBox与RadioButton示例,ShowCheckBox.aspx,CheckBox与RadioButton示例,protected void btnSubmit_Click(object sender, EventArgs e) lblResult.Text = 您的选择如下：; / 判断复选框是否选中 if (chkNewsletter.Checked) lblResult.Text += 愿意接收邮件列表; else lblResult.Text

9、+= 不愿意接收邮件列表; / 判断单选钮哪个选中 string s = null; if (rbMagazine.Checked) s = rbMagazine.Text; if (rbTV.Checked) s = rbTV.Text; if (rbOther.Checked) s = rbOther.Text; lblResult.Text += 您是从 + s + 获悉我们的网站; ,提交表单数据,Button, LinkButton, ImageButton控件用于向服务器提交表单数据。这3个控件具有相同的功能，却具有不同的外观。,Button控件生成普通的按钮，产生的Html输出为

10、 LinkButton控件生成一个链接，使用JavaScript把表单传回服务器：提交 ImageButton控件与Button控件类似，只是总是使用图片。,ShowButton.aspx,执行跨页面传送,设置按钮控件的PostBackUrl属性，可以把表单数据提交到其它页面。,ShowButton.aspx,ButtonSearchResults.aspx,使用PreviousPage属性获取前一网页信息,protected void Page_Load(object sender, EventArgs e) if (PreviousPage != null) TextBox tbName

11、= (TextBox)PreviousPage.FindControl(tbName); lblSearch.Text = 姓名： + tbName.Text; ,指定默认按钮,使用Form控件的DefaultButton属性来指定表单的默认按钮，可以按回车键来调用这个按钮。, ,标准控件综合示例,Default.aspx,protected void btnSubmit_Click(object sender, EventArgs e) lblMessage.Text = 您输入的个人信息为：; lblMessage.Text += 姓名: + tbName.Text + ; if (rbM

12、ale.Checked) lblMessage.Text += 性别:男; if (rbFemale.Checked) lblMessage.Text += 性别:女; if (cbTour.Checked) lblMessage.Text += 爱好:旅游; if (cbNetworking.Checked) lblMessage.Text += 爱好:上网; if (cbShopping.Checked) lblMessage.Text += 爱好:购物; lblMessage.Text += 地址: + + ; lblMessage.Text += 简介: + tbBrief.Text

13、+ ; ,显示图像,Image控件 主要属性： AlternateText:为图像提供替代文本 DescriptionURL：指向详细描述的图像链接 GenerateEmptyAlternateText: 为AlternateText设置为空串 ImageAlign:对齐方式 ImageURL:指定图片的URL,ShowImage.aspx,Image控件,protected void Page_Load(object sender, EventArgs e) Random r = new Random(); switch (r.Next(3) case 0: imgRadom.ImageUr

14、l = Picture1.gif; imgRadom.AlternateText = Picture1; break; case 1: imgRadom.ImageUrl = Picture2.gif; imgRadom.AlternateText = Picture2; break; case 2: imgRadom.ImageUrl = Picture3.gif; imgRadom.AlternateText = Picture3; break; ,ImageMap控件,ImageMap控件用于在页面上显示图像，并可以划分“热区”。点击图像上不同的区域，可以链接不同的页面。 也可以把图像映

15、射当成一个奇特的导航条使用。 注意HotSpotMode属性和HotSpot属性的设置。,ImageMenu.aspx,protected void mapMenu_Click(object sender, ImageMapEventArgs e) switch (e.PostBackValue) case ToUpper: tbText.Text = (); break; case ToLower: tbText.Text = (); break; case Erase: tbText.Text = String.Empty; break; ,Panel控件,Panel控件用于处理一组ASP

16、.NET控件。如隐藏或显示一组控件。,Default2.aspx,Panel控件,主要属性 DefaultButton:指定默认按钮 Direction：控件显示文本的方向 HorizontalAlign：横向对齐方式 ScrollBars：滚动条显示方式 PlaceHolder(占位符)控件与Panel控件类似，主要用于编程时，动态添加各种控件。,HyperLink控件,HyperLink控件用于创建超链接。 主要属性： Enable:false时禁用该超链接 ImageUrl:为超链接指定图片 NavigateUrl:要打开页面的Url Target：打开链接的位置，如_blank表示在新窗口打开 Text:超链接上显示的文本,ShowHyperLink.aspx,protected void Page_Load(object sender, EventArgs e) lnkRandom.Text = GetRandomFile(); lnkRan