《服务器端控件课件》由会员分享，可在线阅读，更多相关《服务器端控件课件（33页珍藏版）》请在金锄头文库上搜索。
1、WEB应用程序设计(ASP.NET),安徽机电职业技术学院信息工程系 汪 学 文 wxwAspDotN 2013年3月,课程网站：,2,第3课 ASP.NET服务器端控件,本课要点： 了解和使用各种服务器控件 使用文本框、列表框等标准控件输入数据 使用验证控件确保输入数据的正确性 使用文件上传控件、日历控件等Rich控件 了解导航控件和用户控件的使用 本课示例请参见课件文件夹下AspDotNetLesson3_1文件夹，虚拟目录配置为AspDotNetLesson3_1,3,3.1 服务器端控件概述,Web窗体是一个窗口类对象，由代码、标记、正文文本和服务器控件组成。 在ASP.NET页面元素
2、中，除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”。,8,3.3 标准控件,标准控件几乎是每个ASP.NET应用程序都要用到的。主要包括： 显示信息的Label和Literal控件 接受用户输入的TextBox、CheckBox、RadioButton控件 提交表单数据的Button、LinkButton和ImageButton控件 显示图像的Image和ImageMap控件 其它控件(Panel控件和HyperLink控件),9,3.3.1 Label控件和Literal控件,如果需要动态地修改显示在页面中的文本，可以使用Label控件。 La
4、bel控件的内容会由服务器端转译成标签。,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：前景色 ToolTip：工具提示 一般建议：避免使用格式属性，而使用CSS来
5、格式化Label控件的输出内容。,ShowLabel.aspx, .labelstyle color:red; background-color:yellow; border:Solid 2px Red; ,11,AssociatedControlID 属性,Label控件的AssociatedControlID属性的作用：一是方便读屏器等程序正确地识别标签和表单，二是当点击标签时，自动把表单焦点设置为相应的表单输入框。,12,Literal控件,Literal控件类似于Label控件，区别在于，Literal控件在转译时不产生标记，因此，它没有格式化属性。,使用Literal控件修改浏览器标
6、题,ShowLabel.aspx,13,3.3.2 接收用户输入,主要使用TextBox、CheckBox、RadioButton等控件来接收用户输入，对应于Html的标签。 TextBox控件 TextMode: Single | Multiline | Password Text: 显示的文字 MaxLength: 整数，表示输入的最大的字符数 Rows: 整数，当为多行文本时的行数 Columns 整数，当为多行文本时的列数 Wrap: True | False，表示是否允许换行，默认为True AutoPostBack: True | False OnTextChanged: 当文字改
7、变时触发的事件过程,14,TextBox示例,ShowTextBox.aspx,15,CheckBox控件,主要属性： Text:控件上显示的文字 TextAlign：对齐方式 Checked:是否选中 AutoPostBack:是否自动回传 主要方法： Focus：设为本控件为输入焦点 主要事件： CheckedChanged：选中或取消选中时，在服务器端引发 多个CheckBox时，建议使用CheckBoxList控件,16,RadioButton控件,主要属性： Text:控件上显示的文字 TextAlign:对齐方式 Checked:是否选中 GroupName:同一页面的单选钮要分组
8、时，同一组的单选钮要使用同一个组名 AutoPostBack:是否回传 主要方法： Focus：设为本控件为输入焦点 主要事件： CheckedChanged：选中或取消选中时，在服务器端引发 多个单选钮时，建议使用RadioButtonList控件,17,CheckBox与RadioButton示例,ShowCheckBox.aspx,18,CheckBox与RadioButton示例,protected void btnSubmit_Click(object sender, EventArgs e) lblResult.Text = 您的选择如下：; / 判断复选框是否选中 if (chk
9、Newsletter.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 + 获悉我们的网站; ,ShowCheckBox.aspx.cs,19,3.3.3 提交表单
10、数据,Button, LinkButton, ImageButton控件用于向服务器提交表单数据。这3个控件具有相同的功能，却具有不同的外观。,Button控件生成普通的按钮，产生的Html输出为 LinkButton控件生成一个链接，使用JavaScript把表单传回服务器：提交 ImageButton控件与Button控件类似，只是总是使用图片。,ShowButton.aspx,20,执行跨页面传送,设置按钮控件的PostBackUrl属性，可以把表单数据提交到其它页面。,ShowButton.aspx,ButtonSearchResults.aspx,21,使用PreviousPage属
11、性获取前一网页信息,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.3.4 标准控件综合示例,Default.aspx,24,protected void btn
12、Submit_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 += 爱好:旅游; if (cbNetworking.Checked) lblMessage.Text += 爱好:上网
13、; if (cbShopping.Checked) lblMessage.Text += 爱好:购物; lblMessage.Text += 地址: + ddlCity.SelectedItem.Text + ; lblMessage.Text += 简介: + tbBrief.Text + ; ,25,3.3.5 显示图像,Image控件 主要属性： AlternateText:为图像提供替代文本 DescriptionURL：指向详细描述的图像链接 GenerateEmptyAlternateText: 为AlternateText设置为空串 ImageAlign:对齐方式 ImageUR
14、L:指定图片的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: imgRadom.ImageUrl = Picture2.gif; imgRadom.AlternateText = Picture2; break;
15、 case 2: imgRadom.ImageUrl = Picture3.gif; imgRadom.AlternateText = Picture3; break; ,27,ImageMap控件,ImageMap控件用于在页面上显示图像，并可以划分“热区”。点击图像上不同的区域，可以链接不同的页面。 也可以把图像映射当成一个奇特的导航条使用。 注意HotSpotMode属性和HotSpot属性的设置。,ImageMenu.aspx,28,protected void mapMenu_Click(object sender, ImageMapEventArgs e) switch (e.Po
16、stBackValue) 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:指定默认按钮 Direction：控件显示文本的方向 Hori
