基于NET的Web程序设计

基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第1页第8章Web服务器控件基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第2页教学目标通过本章的学习，应掌握常用Web服务器控件的用法教学重点掌握Web服务器控件中的内部控件和验证控件以及用户控件基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第3页教学过程讲解Web服务器控件中的内部控件和验证控件课后上机实验巩固学习成果基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第4页8.1Web服务器控件简介Html服务器控件就是在Html标注的属性里加上runat=“server”所构成的控件，Html标记和Html控件之间的区别很明显，Html控件是运行于服务器端，Html标记是运行于客户端。基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第5页8.1Web服务器控件简介Web服务器控件用来定义Web应用程序用户界面的组件，是WebForms编程模型的基本元素，它会依据Client的情况生产一个或者多个Html控件，而不是直接描述Html元素。如asp:ButtonID=Button2runat=serverText=Button/。基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第6页8.1Web服务器控件简介Web服务器控件使用“asp:”作为前缀说明标志，“/”作为结束标志。一般的Web服务器控件具有如下使用形式：asp:ControlTypeid=”identifier1”attribute1=value1…….attributeN=valueNrunat=”server”/另外，结束符标志也可以为：“/asp:ControlType”。服务器控件可分为四类：–内部控件：与HTML服务器空间相对应。–增强控件：可以实现丰富的用户界面和功能。–验证控件：可以实现页面的数据验证功能。–数据列表控件：用于访问页面上的数据流。基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第7页8.2基本Web服务器控件标签控件Label按钮控件Button、LinkButton和ImageButton控件TextBox选择类控件超链接控件HyperLink容器类控件基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第8页标签控件Label该控件在Web窗体页上显示静态文本并使您可以通过编程方式对其进行操作。Label控件的语法形式如下：asp:Labelid=Label1Text=Text…..runat=server/或者：asp:Labelid=Label1runat=serverText/asp:Label基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第9页按钮控件Button、LinkButton和ImageButton（一）普通按钮控件Button，提供了一种通用的单击按钮传递信息的方式，能够把页面信息返回到服务器，它在页面上显示为一个普通按钮。Button控件的语法形式如下：asp:Buttonid=MyButtonText=TextCommandName=commandCommandArgument=commandargumentCausesValidation=true|falseOnClick=OnClickMethod……..runat=server/实例8-1基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第10页按钮控件Button、LinkButton和ImageButton（二）链接按钮控件LinkButton，具有超链接外观的按钮控件。LinkButton控件的语法形式如下：asp:LinkButtonid=LinkButton1Text=TextCommand=CommandCommandArgument=CommandArgumentCausesValidation=true|falseOnClick=OnClickMethod…….runat=server/实例8-2基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第11页按钮控件Button、LinkButton和ImageButton（三）或者：asp:LinkButtonid=LinkButton1Command=CommandCommandArgument=CommandArgumentCausesValidation=true|falseOnClick=OnClickMethod…….runat=server/Text/asp:LinkButton基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第12页按钮控件Button、LinkButton和ImageButton（四）图形按钮控件ImageButton，具有图形外观的按钮。ImageButton控件的语法形式如下：asp:ImageButtonid=ImageButton1ImageUrl=stringCommand=CommandCommandArgument=CommandArgumentCausesValidation=true|falseOnClick=OnClickMethod……..runat=server/实例8-3基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第13页控件TextBox用于实现网络上的文本输入，创建单行和多行文本框。语法形式如下：asp:TextBoxid=valueAutoPostBack=True|FalseColumns=charactersMaxLength=charactersRows=rowsText=textTextMode=SingleLine|MultiLine|PasswordWrap=True|FalseOnTextChanged=OnTextChangedMethod……runat=server/实例8-4基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第14页选择类控件复选框控件CheckBox复选列表框控件CheckBoxList下拉列表框控件DropDownList列表控件ListBox单选按钮控件RadioButton单选按钮列表框控件RadioButtonList基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第15页下拉列表框控件DropDownList使用户可以从单一选择下拉列表中进行选择，列表可以包含任意数目的项。语法形式如下：asp:DropDownListid=DropDownList1runat=serverDataSource=%databindingexpression%DataTextField=DataSourceFieldDataValueField=DataSourceFieldAutoPostBack=True|FalseOnSelectedIndexChanged=OnSelectedIndexChangedMethodasp:ListItemvalue=valueselected=True|FalseText/asp:ListItem/asp:DropDownList基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第16页列表控件ListBox用于创建单选或多选列表框。ListBox控件的语法形式如下：asp:ListBoxid=Listbox1DataSource=%databindingexpression%DataTextField=DataSourceFieldDataValueField=DataSourceFieldAutoPostBack=True|FalseRows=rowcountSelectionMode=Single|MultipleOnSelectedIndexChanged=OnSelectedIndexChangedMethod……runat=serverasp:ListItemvalue=valueselected=True|FalseText/asp:ListItem/asp:ListBox基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第17页复选框控件CheckBox在Web窗体页上创建复选框，该复选框允许用户在true或false状态之间切换。通过设置Text属性可以指定要在控件中显示的标题。标题可显示在复选框的右侧或左侧。设置TextAlign属性以指定标题显示在哪一侧。语法形式如下：asp:CheckBoxid=CheckBox1AutoPostBack=True|FalseText=LabelTextAlign=Right|LeftChecked=True|FalseOnCheckedChanged=OnCheckedChangedMethod………runat=server/基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第18页复选列表框控件CheckBoxList创建多选复选框组，此控件支持绑定到数据源。语法形式如下：asp:CheckBoxListid=CheckBoxList1AutoPostBack=True|FalseCellPadding=PixelsDataSource='%databindingexpression%'DataTextField=DataSourceFieldDataValueField=DataSourceFieldRepeatColumns=ColumnCountRepeatDirection=Vertical|HorizontalRepeatLayout=Flow|TableTextAlign=Right|LeftOnSelectedIndexChanged=OnSelectedIndexChangedMethodrunat=serverasp:ListItemvalue=valueselected=True|FalseText/asp:ListItem/asp:CheckBoxList基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第19页单选按钮控件RadioButton在页上创建一个单选按钮，可将多个单选按钮分为一组以提供一组互相排斥的选项。语法形式如下：asp:RadioButtonid=RadioButton1AutoPostBack=True|FalseChecked=True|FalseGroupName=GroupNameText=labelTextAlign=Right|LeftOnCheckedChanged=OnCheckedChangedMethod……runat=server/基于.NET的Web程序设计第8章Web服务器控件2020年1月4日第20页单选按钮列表框控件RadioButtonList创建一组单选按钮，此控件支持绑定到数据源。语法形式如下：asp:RadioButtonListid=RadioButtonList1AutoPostBack=True|FalseCellPadding=PixelsDataSource=%databindingexpression%DataTextField=DataSourceFieldDataValueField=DataSourceFieldRepeatColumns=ColumnCountRepeatDirection=Vertical|HorizontalRepeatLayout=Flow|TableTextAlign=Right|LeftOnSelectedIndexChan