《aspnet——3.服务器端控件(1)》由会员分享,可在线阅读,更多相关《aspnet——3.服务器端控件(1)(33页珍藏版)》请在金锄头文库上搜索。
1、WEB应用程序设计 (ASP.NET)安徽机电职业技术学院 信息工程系 汪 学 文 wxwAspDotN 2013年 3月课课课课程网站:程网站:http:/http:/第3课 ASP.NET服务器端控件q本课课要点:了解和使用各种服务务器控件使用文本框、列表框等标标准控件输输入数据使用验证控件确保输入数据的正确性使用文件上传控件、日历控件等Rich控件了解导航控件和用户控件的使用q本课课示例请请参见课见课 件文件夹夹下AspDotNetLesson3_1文件夹夹,虚拟拟目录录配 置为为AspDotNetLesson3_123.1 服务器端控件概述qWeb窗体是一个窗口类对类对 象,由代码码、
2、标记标记 、正文 文本和服务务器控件组组成。q在ASP.NET页页面元素中,除Html标记标记 外,所有控件 实际实际 上是在服务务器端运行的。q所有服务务器控件都必须须放在 与标记标记 之间间。q所有服务务器控件都必须须使用runat=“server”属性。3什么是控件?q不仅仅仅仅 是页页面上的 表单单元素。qASP.NET是想将页页 面上所有的内容都用 控件表示。4控件的声明q声明控件的第1种方法q声明控件的第2种方法欢迎大家5控件的分类q控件的类类型HTML服务器控件Web服务器控件qASP.NET 2.0提供了丰富的Web服务务器控件:标准控件List控件(列表控件)验证控件Rich
3、控件(高级控件)导航控件登录控件等等63.2 HTML服务器端控件 q这这一类类控件是主要是为为了保留原来的HTML元素标记标记 。一般和原来的HTML标记标记 一一对应对应 ,只是增加了 runat=“server”。73.3 标准控件q标标准控件几乎是每个ASP.NET应应用程序都要用到的 。主要包括:显示信息的Label和Literal控件接受用户输入的TextBox、CheckBox、RadioButton控件提交表单数据的Button、LinkButton和ImageButton控件显示图像的Image和ImageMap控件其它控件(Panel控件和HyperLink控件)83.3.
4、1 Label控件和Literal控件q如果需要动态动态 地修改显显示在页页面中的文本,可以使用 Label控件。qLabel控件的内容会由服务务器端转译转译 成标签标签 。protected void Page_Load(object sender, EventArgs e)/ 显示时间lblTime.Text = DateTime.Now.ToString(“T“);ShowLabel.aspx9Label控件qLabel控件的格式化属性BackColor:背景色BorderColor:边框色BorderStyle:边框样式BorderWidth:边框宽度CssClass:关联的CSS类F
5、ont:字体ForeColoe:前景色ToolTip:工具提示q一般建议议:避免使用格式属 性,而使用CSS来格式化 Label控件的输输出内容。ShowLabel.aspx.labelstylecolor:red;background-color:yellow;border:Solid 2px Red;10AssociatedControlID 属性qLabel控件的AssociatedControlID属性的作用:一是方 便读读屏器等程序正确地识别标签识别标签 和表单单,二是当点 击标签时击标签时 ,自动动把表单单焦点设设置为为相应应的表单输单输 入 框。 11Literal控件qLite
6、ral控件类类似于Label控件,区别别在于,Literal控件在转译转译 时时不产产生标记标记 ,因此,它没有格式化属性。使用Literal控件修改浏览器标题ShowLabel.aspx123.3.2 接收用户输入q主要使用TextBox、CheckBox、RadioButton等控件 来接收用户输户输 入,对应对应 于Html的标签标签 。qTextBox控件TextMode: Single | Multiline | PasswordText: 显示的文字MaxLength: 整数,表示输入的最大的字符数Rows: 整数,当为多行文本时的行数Columns 整数,当为多行文本时的列数Wr
7、ap: True | False,表示是否允许换行,默认为TrueAutoPostBack: True | False OnTextChanged: 当文字改变时触发的事件过程13TextBox示例ShowTextBox.aspx14CheckBox控件q主要属性:Text:控件上显示的文字TextAlign:对齐方式Checked:是否选中AutoPostBack:是否自动回传q主要方法:Focus:设为本控件为输入焦点q主要事件:CheckedChanged:选中或取消选中时,在服务器端引发q多个CheckBox时时,建议议使用CheckBoxList控件15RadioButton控件q主
8、要属性:Text:控件上显示的文字TextAlign:对齐方式Checked:是否选中GroupName:同一页面的单选钮要分组时,同一组的单选钮要 使用同一个组名AutoPostBack:是否回传q主要方法:Focus:设为本控件为输入焦点q主要事件:CheckedChanged:选中或取消选中时,在服务器端引发q多个单选钮时单选钮时 ,建议议使用RadioButtonList控件16CheckBox与RadioButton示例ShowCheckBox.aspx17CheckBox与RadioButton示例protected void btnSubmit_Click(object send
9、er, EventArgs e)lblResult.Text = “您的选择如下:“;/ 判断复选框是否选中if (chkNewsletter.Checked)lblResult.Text += “愿意接收邮件列表“;elselblResult.Text += “不愿意接收邮件列表“;/ 判断单选钮哪个选中string s = null;if (rbMagazine.Checked) s = rbMagazine.Text;if (rbTV.Checked) s = rbTV.Text;if (rbOther.Checked) s = rbOther.Text;lblResult.Text +
10、= “您是从“ + s + “获悉我们的网站“; ShowCheckBox.aspx.cs183.3.3 提交表单数据qButton, LinkButton, ImageButton控件用于向服务务 器提交表单单数据。这这3个控件具有相同的功能,却具 有不同的外观观。 Button控件生成普通的按钮,产 生的Html输出为 LinkButton控件生成一个链接, 使用JavaScript把表单传回服务器 : 提交 ImageButton控件与Button控件类 似,只是总是使用图片。ShowButton.aspx19执行跨页面传送q设设置按钮钮控件的PostBackUrl属性,可以把表单单数据
11、 提交到其它页页面。ShowButton.aspxButtonSearchResults.aspx20使用PreviousPage属性获取前一网页信息protected void Page_Load(object sender, EventArgs e)if (PreviousPage != null)TextBox tbName = (TextBox)PreviousPage.FindControl(“tbName“);lblSearch.Text = “姓名:“ + tbName.Text;21指定默认按钮q使用Form控件的DefaultButton属性来指定表单单的默 认认按钮钮,可以
12、按回车键车键 来调调用这这个按钮钮。223.3.4 标准控件综合示例Default.aspx23protected 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) lblM
13、essage.Text += “爱好:旅游“; if (cbNetworking.Checked) lblMessage.Text += “爱好:上网“; if (cbShopping.Checked) lblMessage.Text += “爱好:购物“; lblMessage.Text += “地址:“ + ddlCity.SelectedItem.Text + “;lblMessage.Text += “简介:“ + tbBrief.Text + “;243.3.5 显示图像qImage控件主要属性: AlternateText:为图像提供替代文本 DescriptionURL:指向详细
14、描述的图像链接 GenerateEmptyAlternateText: 为AlternateText设置为空串 ImageAlign:对齐方式 ImageURL:指定图片的URLShowImage.asp x 25Image控件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; 26ImageMap控件qImageMap控件用于在页页面上显显示图图像,并可以划分 “热热区”。点击图击图 像上不同的区域,可以链链接不同的 页页面。q也可以把图图像映射当成一个奇特的导导航条使用。q注意HotSpotMode属性和HotSpot属性的设设置。ImageMenu.asp x27protected 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; 283.3.6 Panel控件qPa