ASPNET__3服务器端控件(1)

1、安徽机电职业技术学院信息工程系安徽机电职业技术学院信息工程系汪汪 学学 文文wxwAspDotN2013年年3月月q本课要点：本课要点：了解和使用各种服务器控件了解和使用各种服务器控件使用文本框、列表框等标准控件输入数据使用文本框、列表框等标准控件输入数据使用验证控件确保输入数据的正确性使用验证控件确保输入数据的正确性使用文件上传控件、日历控件等使用文件上传控件、日历控件等RichRich控件控件了解导航控件和用户控件的使用了解导航控件和用户控件的使用q本课示例请参见课件文件夹下本课示例请参见课件文件夹下AspDotNetLesson3_1文件夹，虚拟目录配置文件夹，虚拟目录配置为为AspDo

2、tNetLesson3_12qWebWeb窗体是一个窗口类对象，由代码、标记、正文文窗体是一个窗口类对象，由代码、标记、正文文本和服务器控件组成。本和服务器控件组成。q在在ASP.NETASP.NET页面元素中，除页面元素中，除HtmlHtml标记外，所有控件实标记外，所有控件实际上是在服务器端运行的。际上是在服务器端运行的。q所有服务器控件都必须放在所有服务器控件都必须放在form =“server”与与标记之间。标记之间。q所有服务器控件都必须使用所有服务器控件都必须使用runatrunat=“server”=“server”属性。属性。3q不仅仅是页面上的表不仅仅是页面上的表单元素。单元

3、素。qASP.NETASP.NET是想将页面是想将页面上所有的内容都用控上所有的内容都用控件表示。件表示。4q声明控件的第声明控件的第1 1种方法种方法asp:Label id=message Text=server/asp:Button id=enter Text=server /q声明控件的第声明控件的第2 2种方法种方法asp:Label id=message =server欢迎大家欢迎大家asp:Button id=enter Text=server 5q控件的类型控件的类型HTMLHTML服务器控件服务器控件WebWeb服务器控件服务器控件qASP.NET 2.0ASP.NET 2.

4、0提供了丰富的提供了丰富的WebWeb服务器控件：服务器控件：标准控件标准控件ListList控件控件( (列表控件列表控件) )验证控件验证控件RichRich控件控件( (高级控件高级控件) )导航控件导航控件登录控件等等登录控件等等6q这一类控件是主要是为了保留原来的这一类控件是主要是为了保留原来的HTMLHTML元素标记。元素标记。一般和原来的一般和原来的HTMLHTML标记一一对应，只是增加了标记一一对应，只是增加了runatrunat=“server”=“server”。7q标准控件几乎是每个标准控件几乎是每个ASP.NETASP.NET应用程序都要用到的。应用程序都要用到的。主要

5、包括：主要包括：显示信息的显示信息的LabelLabel和和LiteralLiteral控件控件接受用户输入的接受用户输入的TextBoxTextBox、CheckBoxCheckBox、RadioButtonRadioButton控件控件提交表单数据的提交表单数据的ButtonButton、LinkButtonLinkButton和和ImageButtonImageButton控件控件显示图像的显示图像的ImageImage和和ImageMapImageMap控件控件其它控件其它控件(Panel(Panel控件和控件和HyperLinkHyperLink控件控件) )8q如果需要动态地修改显

6、示在页面中的文本，可以使用如果需要动态地修改显示在页面中的文本，可以使用LabelLabel控件。控件。qLabelLabel控件的内容会由服务器端转译成控件的内容会由服务器端转译成标签。标签。protected void Page_Load(object sender, EventArgs e) / 显示时间显示时间 lblTime.Text = DateTime.Now.ToString(T);ShowLabel.aspx9qLabelLabel控件的格式化属性控件的格式化属性BackColorBackColor：背景色背景色BorderColorBorderColor：边框色边框色Bor

7、derStyleBorderStyle：边框样式边框样式BorderWidthBorderWidth：边框宽度边框宽度CssClassCssClass：关联的关联的CSSCSS类类FontFont：字体字体ForeColoeForeColoe：前景色前景色ToolTipToolTip：工具提示工具提示q一般建议：避免使用格式属一般建议：避免使用格式属性，而使用性，而使用CSSCSS来格式化来格式化LabelLabel控件的输出内容。控件的输出内容。ShowLabel.aspx .labelstyle color:red; background-color:yellow; border:Soli

8、d 2px Red; 10qLabel控件的控件的AssociatedControlID属性的作用：一是属性的作用：一是方便读屏器等程序正确地识别标签和表单，二是当点方便读屏器等程序正确地识别标签和表单，二是当点击标签时，自动把表单焦点设置为相应的表单输入框。击标签时，自动把表单焦点设置为相应的表单输入框。 11qLiteralLiteral控件类似于控件类似于LabelLabel控件，区别在于，控件，区别在于，LiteralLiteral控件在转控件在转译时不产生译时不产生标记，因此，它没有格式化属性。标记，因此，它没有格式化属性。使用使用Literal控件修改浏览器标题控件修改浏览器标题S

9、howLabel.aspx12q主要使用主要使用TextBox、CheckBox、RadioButton等控件等控件来接收用户输入，对应于来接收用户输入，对应于Html的的标签。标签。qTextBox控件控件TextMode: Single | Multiline | PasswordText: 显示的文字显示的文字MaxLength: 整数，表示输入的最大的字符数整数，表示输入的最大的字符数Rows: 整数，当为多行文本时的行数整数，当为多行文本时的行数Columns 整数，当为多行文本时的列数整数，当为多行文本时的列数Wrap: True | False，表示是否允许换行，默认为表示是否允

10、许换行，默认为TrueAutoPostBack: True | False OnTextChanged: 当文字改变时触发的事件过程当文字改变时触发的事件过程13ShowTextBox.aspx14q主要属性：主要属性：Text:Text:控件上显示的文字控件上显示的文字TextAlignTextAlign：对齐方式对齐方式Checked:Checked:是否选中是否选中AutoPostBackAutoPostBack: :是否自动回传是否自动回传q主要方法：主要方法：FocusFocus：设为本控件为输入焦点设为本控件为输入焦点q主要事件：主要事件：CheckedChangedChecked

11、Changed：选中或取消选中时，在服务器端引发选中或取消选中时，在服务器端引发q多个多个CheckBoxCheckBox时，建议使用时，建议使用CheckBoxListCheckBoxList控件控件15q主要属性：主要属性：Text:Text:控件上显示的文字控件上显示的文字TextAlignTextAlign: :对齐方式对齐方式Checked:Checked:是否选中是否选中GroupNameGroupName: :同一页面的单选钮要分组时，同一组的单选钮同一页面的单选钮要分组时，同一组的单选钮要使用同一个组名要使用同一个组名AutoPostBackAutoPostBack: :是否回

12、传是否回传q主要方法：主要方法：FocusFocus：设为本控件为输入焦点设为本控件为输入焦点q主要事件：主要事件：CheckedChangedCheckedChanged：选中或取消选中时，在服务器端引发选中或取消选中时，在服务器端引发q多个单选钮时，建议使用多个单选钮时，建议使用RadioButtonListRadioButtonList控件控件16ShowCheckBox.aspx17 protected void btnSubmit_Click(object sender, EventArgs e) lblResult.Text = 您的选择如下：您的选择如下：;/ 判断复选框是否选中

13、判断复选框是否选中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 + 获悉我们的网

14、站获悉我们的网站; ShowCheckBox.aspx.cs18qButton, Button, LinkButtonLinkButton, , ImageButtonImageButton控件用于向服务控件用于向服务器提交表单数据。这器提交表单数据。这3 3个控件具有相同的功能，却具个控件具有相同的功能，却具有不同的外观。有不同的外观。 Button控件生成普通的按钮，产控件生成普通的按钮，产生的生的Html输出为输出为 LinkButton控件生成一个链接，控件生成一个链接，使用使用JavaScript把表单传回服务器：把表单传回服务器：提交提交 ImageButton控件与控件与Butt

15、on控件类控件类似，只是总是使用图片。似，只是总是使用图片。ShowButton.aspx19q设置按钮控件的设置按钮控件的PostBackUrlPostBackUrl属性，可以把表单数据属性，可以把表单数据提交到其它页面。提交到其它页面。ShowButton.aspxButtonSearchResults.aspx20 protected void Page_Load(object sender, EventArgs e) if (PreviousPage != null) TextBox tbName = (TextBox)PreviousPage.FindControl(tbName);

16、 lblSearch.Text = 姓名：姓名： + tbName.Text; 21q使用使用FormForm控件的控件的DefaultButtonDefaultButton属性来指定表单的默属性来指定表单的默认按钮，可以按回车键来调用这个按钮。认按钮，可以按回车键来调用这个按钮。22Default.aspx23 protected void btnSubmit_Click(object sender, EventArgs e) lblMessage.Text = 您输入的个人信息为：您输入的个人信息为：; lblMessage.Text += 姓名姓名: + tbName.Text + ;

17、if (rbMale.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 += 地址地址: + ddlCity.Selecte

18、dItem.Text + ; lblMessage.Text += 简介简介: + tbBrief.Text + ; 24qImage控件控件主要属性：主要属性： AlternateText:为图像提供替代文本为图像提供替代文本 DescriptionURL：指向详细描述的图像链接指向详细描述的图像链接 GenerateEmptyAlternateText: 为为AlternateText设置为空串设置为空串 ImageAlign:对齐方式对齐方式 ImageURL:指定图片的指定图片的URLShowImage.aspx25 protected void Page_Load(object se

19、nder, 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; case 2: imgRadom.ImageUrl = Picture3.gif; imgRadom.AlternateText = Pic

20、ture3; break; 26qImageMapImageMap控件用于在页面上显示图像，并可以划分控件用于在页面上显示图像，并可以划分“热区热区”。点击图像上不同的区域，可以链接不同的。点击图像上不同的区域，可以链接不同的页面。页面。q也可以把图像映射当成一个奇特的导航条使用。也可以把图像映射当成一个奇特的导航条使用。q注意注意HotSpotModeHotSpotMode属性和属性和HotSpotHotSpot属性的设置。属性的设置。ImageMenu.aspx27 protected void mapMenu_Click(object sender, ImageMapEventArgs

21、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; 28qPanelPanel控件用于处理一组控件用于处理一组ASP.NETASP.NET控件。如隐藏或显示控件。如隐藏或显示一组控件。一组控件。Default2.aspx29q主要属性主要属性DefaultButtonD

22、efaultButton: :指定默认按钮指定默认按钮DirectionDirection：控件显示文本的方向控件显示文本的方向HorizontalAlignHorizontalAlign：横向对齐方式横向对齐方式ScrollBarsScrollBars：滚动条显示方式滚动条显示方式qPlaceHolderPlaceHolder( (占位符占位符) )控件与控件与PanelPanel控件类似，主要用控件类似，主要用于编程时，动态添加各种控件。于编程时，动态添加各种控件。30qHyperLinkHyperLink控件用于创建超链接。控件用于创建超链接。q主要属性：主要属性：Enable:falseEnable:false时禁用该超链接时禁用该超链接ImageUrlImageUrl: :为超链接指定图片为超链接指定图片Navigat