asp.net服务器端控件培训课件

《asp.net服务器端控件培训课件》由会员分享，可在线阅读，更多相关《asp.net服务器端控件培训课件（32页珍藏版）》请在金锄头文库上搜索。

1、WEB应用程序设计 (ASP.NET),安徽机电职业技术学院 信息工程系 汪 学 文 wxwAspDotN 2011年3月,课程网站：http:/,2,第3课 ASP.NET服务器端控件,本课要点： 了解和使用各种服务器控件 使用文本框、列表框等标准控件输入数据 使用验证控件确保输入数据的正确性 使用文件上传控件、日历控件等Rich控件 了解导航控件和用户控件的使用 本课示例请参见课件文件夹下AspDotNetLesson3_1文件夹，虚拟目录配置为AspDotNetLesson3_1,3,3.1 服务器端控件概述,Web窗体是一个窗口类对象，由代码、标记、正文文本和服务器控件组成。 在ASP

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

3、控件是主要是为了保留原来的HTML元素标记。一般和原来的HTML标记一一对应，只是增加了runat=“server”。 常用Html服务器控件请参见教材P35表3.1,8,3.3 标准控件,标准控件几乎是每个ASP.NET应用程序都要用到的。主要包括： 显示信息的Label和Literal控件 接受用户输入的TextBox、CheckBox、RadioButton控件 提交表单数据的Button、LinkButton和ImageButton控件 显示图像的Image和ImageMap控件 其它控件(Panel控件和HyperLink控件),9,3.3.1 Label控件和Literal控件,如

4、果需要动态地修改显示在页面中的文本，可以使用Label控件。 Label控件的内容会由服务器端转译成标签。,protected void Page_Load(object sender, EventArgs e) / 显示时间 lblTime.Text = DateTime.Now.ToString(“T“); ,ShowLabel.aspx,10,Label控件,Label控件的格式化属性 BackColor：背景色 BorderColor：边框色 BorderStyle：边框样式 BorderWidth：边框宽度 CssClass：关联的CSS类 Font：字体 ForeColoe：前景色

5、 ToolTip：工具提示 一般建议：避免使用格式属性，而使用CSS来格式化Label控件的输出内容。,ShowLabel.aspx, .labelstyle color:red; background-color:yellow; border:Solid 2px Red; ,11,AssociatedControlID 属性,Label控件的AssociatedControlID属性的作用：一是方便读屏器等程序正确地识别标签和表单，二是当点击标签时，自动把表单焦点设置为相应的表单输入框。,12,Literal控件,Literal控件类似于Label控件，区别在于，Literal控件在转译时不

6、产生标记，因此，它没有格式化属性。,使用Literal控件修改浏览器标题,ShowLabel.aspx,13,3.3.2 接收用户输入,主要使用TextBox、CheckBox、RadioButton等控件来接收用户输入，对应于Html的标签。 TextBox控件 TextMode: Single | Multiline | Password Text: 显示的文字 MaxLength: 整数，表示输入的最大的字符数 Rows: 整数，当为多行文本时的行数 Columns 整数，当为多行文本时的列数 Wrap: True | False，表示是否允许换行，默认为True AutoPostBac

7、k: True | False OnTextChanged: 当文字改变时触发的事件过程,14,TextBox示例,ShowTextBox.aspx,15,CheckBox控件,主要属性： Text:控件上显示的文字 TextAlign：对齐方式 Checked:是否选中 AutoPostBack:是否自动回传 主要方法： Focus：设为本控件为输入焦点 主要事件： CheckedChanged：选中或取消选中时，在服务器端引发 多个CheckBox时，建议使用CheckBoxList控件,16,RadioButton控件,主要属性： Text:控件上显示的文字 TextAlign:对齐方式

8、 Checked:是否选中 GroupName:同一页面的单选钮要分组时，同一组的单选钮要使用同一个组名 AutoPostBack:是否回传 主要方法： Focus：设为本控件为输入焦点 主要事件： CheckedChanged：选中或取消选中时，在服务器端引发 多个单选钮时，建议使用RadioButtonList控件,17,CheckBox与RadioButton示例,ShowCheckBox.aspx,18,CheckBox与RadioButton示例,protected void btnSubmit_Click(object sender, EventArgs e) lblResult.

9、Text = “您的选择如下：“; / 判断复选框是否选中 if (chkNewsletter.Checked) lblResult.Text += “愿意接收邮件列表“; else lblResult.Text += “不愿意接收邮件列表“; / 判断单选钮哪个选中 string s = null; if (rbMagazine.Checked) s = rbMagazine.Text; if (rbTV.Checked) s = rbTV.Text; if (rbOther.Checked) s = rbOther.Text; lblResult.Text += “您是从“ + s + “

10、获悉我们的网站“; ,ShowCheckBox.aspx.cs,19,3.3.3 提交表单数据,Button, LinkButton, ImageButton控件用于向服务器提交表单数据。这3个控件具有相同的功能，却具有不同的外观。,Button控件生成普通的按钮，产生的Html输出为 LinkButton控件生成一个链接，使用JavaScript把表单传回服务器： 提交 ImageButton控件与Button控件类似，只是总是使用图片。,ShowButton.aspx,20,执行跨页面传送,设置按钮控件的PostBackUrl属性，可以把表单数据提交到其它页面。,ShowButton.as

11、px,ButtonSearchResults.aspx,21,使用PreviousPage属性获取前一网页信息,protected void Page_Load(object sender, EventArgs e) if (PreviousPage != null) TextBox tbName = (TextBox)PreviousPage.FindControl(“tbName“); lblSearch.Text = “姓名：“ + tbName.Text; ,22,指定默认按钮,使用Form控件的DefaultButton属性来指定表单的默认按钮，可以按回车键来调用这个按钮。,23,3

12、.3.4 标准控件综合示例,Default.aspx,24,protected void btnSubmit_Click(object sender, EventArgs e) lblMessage.Text = “您输入的个人信息为：“; lblMessage.Text += “姓名:“ + tbName.Text + “; if (rbMale.Checked) lblMessage.Text += “性别:男“; if (rbFemale.Checked) lblMessage.Text += “性别:女“; if (cbTour.Checked) lblMessage.Text +=

13、“爱好:旅游“; if (cbNetworking.Checked) lblMessage.Text += “爱好:上网“; if (cbShopping.Checked) lblMessage.Text += “爱好:购物“; lblMessage.Text += “地址:“ + ddlCity.SelectedItem.Text + “; lblMessage.Text += “简介:“ + tbBrief.Text + “; ,25,3.3.5 显示图像,Image控件 主要属性： AlternateText:为图像提供替代文本 DescriptionURL：指向详细描述的图像链接 Ge

14、nerateEmptyAlternateText: 为AlternateText设置为空串 ImageAlign:对齐方式 ImageURL:指定图片的URL,ShowImage.aspx,26,Image控件,protected void Page_Load(object sender, EventArgs e) Random r = new Random(); switch (r.Next(3) case 0: imgRadom.ImageUrl = “Picture1.gif“; imgRadom.AlternateText = “Picture1“; break; case 1: im

15、gRadom.ImageUrl = “Picture2.gif“; imgRadom.AlternateText = “Picture2“; break; case 2: imgRadom.ImageUrl = “Picture3.gif“; imgRadom.AlternateText = “Picture3“; break; ,27,ImageMap控件,ImageMap控件用于在页面上显示图像，并可以划分“热区”。点击图像上不同的区域，可以链接不同的页面。 也可以把图像映射当成一个奇特的导航条使用。 注意HotSpotMode属性和HotSpot属性的设置。,ImageMenu.aspx

16、,28,protected void mapMenu_Click(object sender, ImageMapEventArgs e) switch (e.PostBackValue) case “ToUpper“: tbText.Text = tbText.Text.ToUpper(); break; case “ToLower“: tbText.Text = tbText.Text.ToLower(); break; case “Erase“: tbText.Text = String.Empty; break; ,29,3.3.6 Panel控件,Panel控件用于处理一组ASP.NET控件。如隐藏或显示一组控件。,Default2.aspx,30,3.3.6 Panel控件,主要属性 DefaultButton:指定默认按钮 D