第3章 服务器控件

CompanyLOGO第3章服务器控件讲解提纲3.1控件简介3.2HTML服务器控件3.3WEB服务器控件3.4验证控件3.5用户控件3.6对控件的高级操作本章要点理解什么是控件及控件的属性、事件和方法掌握基本的HTML服务器控件的使用，如文本框、单选框、复选框、下拉列表框、文本区域、按钮等熟练掌握利用文件控件上传文件掌握基本的Web服务器控件的使用，如文本框、单选框、复选框、下拉列表框、文本区域、按钮、日历控件等掌握验证控件的使用等会制作一个简单的用户控件3.1控件简介什么是控件？控件的声明及属性、事件和方法Web表单的工作原理控件的分类3.1.1什么是控件不仅仅是页面上的表单元素。ASP.NET是想将页面上所有的内容都用控件表示。3.1.2控件的声明及属性、事件和方法声明控件的第1种方法asp:Labelid=messageText=欢迎大家runat=server/asp:Buttonid=enterText=确定onClick=Enter_Clickrunat=server/声明控件的第2种方法asp:Labelid=messagerunat=server欢迎大家/asp:Labelasp:Buttonid=enterText=确定onClick=Enter_Clickrunat=server/asp:Button控件示例3-1.aspx3.1.3Web表单的工作原理第1步第2步第3步特别注意：每一次运行时都要从头到尾执行着整个文件在第3步中仍然要首先执行Page_Load过程，然后才执行Enter_Click过程，然后继续执行HTML代码部分。3.1.4控件的分类控件的类型HTML服务器控件Web服务器控件验证控件用户控件使用控件的原则3.2HTML服务器控件这一类控件是主要是为了保留原来的HTML元素标记。一般和原来的HTML标记一一对应，只是增加了runat=“server”。常见的有：HtmlForm,HtmlButton,HtmlInputButton,HtmlInputCheckBox,HtmlInputRadioButton,HtmlInputText,HtmlSelect,HtmlTextArea等3.2.1HtmlForm（Web表单）它其实就是一个容器，用来盛放其它表单控件。formid=控件名称runat=server/……/form3.2.2HtmlInputText（单行文本框和密码框）inputid=控件名称type=text|passwordmaxlength=整数，表示输入最大的字符数size=整数，表示文本框的宽度value=文本框中的文字runat=server/3.2.3HtmlTextArea（多行文本框）textareaid=控件名称cols=整数值，显示的列数rows=整数值，显示的行数value=多行文本框中的文字runat=server/3.2.4HtmlInputHidden（隐藏控件）inputid=控件名称type=hiddenvalue=隐藏框中的文字runat=server/3.2.5HtmlInputRadioButton（单选框）inputid=控件名称type=radiovalue=单选框的值name=组的名称checked=True|Falserunat=server/单选框示例Test3_1.aspx3.2.6HtmlInputCheckBox（复选框）inputid=控件名称type=checkboxvalue=复选框的值checked=True|Falserunat=server/复选框示例Test3_2.aspx3.2.7HtmlSelect（下拉列表框）selectid=控件名称size=整数值，表示显示的行数runat=serveroptionvalue=选项值1选项1/optionoptionvalue=选项值2选项2/option/select下拉列表框示例Test3_3.aspx3.2.8HtmlGenericControl（一般控件）body|span|div|…id=控件名称runat=server/显示的HTML代码|显示的文本/body|span|div|…3.2.9HtmlInputButton（提交、重置和普通按钮）inputid=控件名称type=submit|reset|buttonvalue=按钮上的文字onServerClick=事件过程名称runat=server/3.2.10综合示例一（1）3-2.aspx3.2.10综合示例一（2）3-2.aspx3.2.11HtmlInputFile（文件上传控件）为什么要使用文件上传控件？form标记上的Enctype属性必须设置为multipart/form-data。语法示例：inputid=File1type=filerunat=server简单的文件上传示例3-3.aspx稍微复杂的文件上传示例3-4.aspx3.3Web服务器控件基本上与HTML服务器控件一一对应，但比HTML服务器控件功能更强。常用的文本框、密码框、下拉列表框、单选框、复选框、文本区域、按钮等控件，还有日历、广告等控件Web服务器控件的一些相同属性要注意，Web服务器控件一般都有规范一致的属性。ForeColor、BackColor、BorderColorHeight、Width、BorderWidthStyle、CssClassEnabledTabIndex、ToolTipVisible3.3.1Label（标签）asp:Labelid=控件名称Text=显示的文字runat=server/3.3.2TextBox（文本框）asp:Textboxid=控件名称TextMode=Single|Multiline|PasswordText=显示的文字maxLength=整数，表示输入的最大的字符数rows=整数，当为多行文本时的行数columns=整数，当为多行文本时的列数wrap=“True|False，表示是否允许换行，默认为TrueAutoPostBack=True|FalseOnTextChanged=当文字改变时触发的事件过程runat=server/3.3.3RadioButton（单选框）asp:RadioButtonid=控件名称Checked=True|FalseText=关联文字，一般显示在单选框的后边GroupName=组的名称AutoPostBack=True|FalseOnCheckedChanged=单击触发的事件过程runat=server/3.3.4RadioButtonList（单选列表框）asp:RadioButtonListid=控件名称AutoPostBack=True|FalseOnSelectedIndexChanged=改变选择时触发的事件过程RepeatColumns=整数，表示显示的列数，默认为1RepeatDirection=Vertical|Horizontal，表示排列方向RepeatLayout=Flow|Table，表示排列布局SelectedIndex=索引值，从0开始，表示默认选中项。只能在运行时设置runat=serverasp:ListitemValue=选项值0Selected=True|False选项文字0/asp:listitemasp:ListitemValue=选项值1Selected=True|False选项文字1/asp:listitem……/asp:RadioButtonListRadioButtonList控件示例Test3_4.aspx3.3.5CheckBox（复选框）asp:Checkboxid=控件名称Checked=True|FalseText=关联文字，一般显示在选框的后边AutoPostBack=True|FalseOnCheckedChanged=单击触发的事件过程runat=server/3.3.6CheckBoxList（复选列表框）asp:CheckBoxListid=控件名称AutoPostBack=True|FalseOnSelectedIndexChanged=改变选择时触发的事件过程RepeatColumns=整数，表示显示的列数，默认为1RepeatDirection=Vertical|Horizontal，表示排列方向RepeatLayout=Flow|Table，表示排列布局SelectedIndex=索引值，从0开始，表示默认选中项。在运行时设置runat=serverasp:ListitemValue=选项值0Selected=True|False选项文字0/asp:listitemasp:ListitemValue=选项值1Selected=True|False选项文字1/asp:listitem……/asp:CheckBoxList3.3.7DropDownList（下拉列表框）asp:DropDownListid=控件名称AutoPostBack=True|FalseOnSelectedIndexChanged=改变选择时触发的事件过程runat=serverasp:ListitemValue=选项值1Selected=True|False选项文字1/asp:listitemasp:ListitemValue=选项值2Selected=True|False选项文字2/asp:listitem……/asp:DropDownListDropDownList控件示例Test3_5.aspx3.3.8Button（按钮）asp:Buttonid=控件名称Text=按钮上的文字onClick=事件过程名称runat=server/3.3.9综合示例二（1）3-5.aspx3.3.9综合示例二（2）3-5.aspx3.3.10HyperLink（超链接控件）asp:HyperLinkid=控件名称Text=显示文字NavigateUrl=URL地址Target=目标框架，默认为本框架，_blank为新窗口runat=server/3.3.11LinkButton（超链接按钮）asp:linkbuttonid=控件名称Text=按钮上的文字onClick=事件过程名称runat=server/3.3.12ListBox（列表框控件）asp:ListBoxid=控件名称AutoPostBack=True|FalseOnSelectedIndexChanged=改变选择时触发的事件过程SeletionMode=Single|Multiple，表示单选或多选，默认为单选Rows=整数，表示显示的行数runat=serverasp:Listitemvalue=选项值1selected=True|False选项文字1/asp:listitemasp:Listitemvalue=选项值2selected=True|False选项文字2/asp:listitem……/asp:ListBox3.3.13AdRotator（广告控件）asp:AdRotatorid=控件名称AdvertisementFile=广告信息文件路径runat=server/注意：需要先建立广告信息文件。AdRotator控件示例（1）广告信息文件3-6.xmlAdRotator控件示例（2）显示广告控件3-7.aspx3.3.14Calendar（日历控件）asp:AdRotatorid=控件名称onSelectionChanged=日期选择事件过程TodayDayStyl