《ASP.NET4.0程序设计案例教程》课件-第3章-ASP.NET服务器控件

第3章ASP.NET的服务器控件本章学习目标掌握服务器控件的基本属性；在页面中使用各种按钮服务器控件；掌握列表控件的常用属性和事件；熟练应用图像服务器控件；3.1服务器控件类

3.1.1服务器控件的基本属性3.1.2服务器控件的事件3.1.1服务器控件的基本属性

服务器控件的基类WebControl定义了一些可以应用于几乎所有的服务器控件的基本属性，涵盖了控件的外观，行为，布局和可访问性等方面。1.外观属性1).BackColor和ForeColor属性2).Border属性3).Font属性

2.行为属性1)Enabled属性 2)ToolTip属性3)Visible属性3.可访问属性1)AccessKey属性2)TabIndex属性4.布局属性3.1.2服务器控件的事件1.服务器控件的事件模型Web控件的事件模型是：客户端捕捉到事件信息后，通过HTTPPOST将事件信息传输到服务器，而且页框架必须解释该POST以确定所发生的事件，然后在要处理该事件的服务器上设用代码中的相应方法。

服务器控件的事件事件支持的控件功能ClickButton,ImageButton单击事件TextChangedTextBox输入焦点变化SelectedIndexChangedDropDownList,ListBox,CheckBoxList,RadioButtonList选择项变化1.服务器控件事件的绑定1).在ASP.NET页面中，在声明控件时指定该控件的事件对应的事件处理程序，例如把一个Button控件的click事件绑定到名为ButtonClick的方法<asp:buttonid="Button1"runat="server"text="按钮"onclick="ButtonClick"/>2).如果控件是动态创建的，则需要使用代码动态地绑定事件到方法Buttonbtn=newButton;btn.Click+=newSystem.EventHandler(ButtonClick);

3.2常用web标准服务器控件

3.2.1Label标签控件3.2.2TextBox控件3.2.3ImageMap控件3.2.4Button、LinkButton和ImageButton控件3.2.5CheckBox控件和CheckBoxList控件3.2.6RadioButton和RadioButtonList控件3.2.7DropDownList、ListBox,BulletedList控件3.2.8Literal和Panel控件3.2.9MultiView和View控件3.2.10FileUpload控件3.2.11Calendar控件3.2.1Label标签控件1.Label控件语法<asp:LabelID="控件名"runat="server"Text="名称"></asp:Label>2.Label控件常用属性Label控件常用属性为text，用于在控件上显示文本，属性值类型为"string"，可以和内容一起嵌入html标记，从而进一步格式化文本。如果要显示静态文本，可使用html元素，不需要Label控件。

3.2.2TextBox控件1.TextBox控件语法:<asp:TextBoxID=“控件ID”Text=“显示名称”runat=“server”TextMode=“SingleLine”AutoPostBack=“True”Colomns=“5”MaxLength=“最大字符数”Wrap=“True”OnTextChanged=“事件名”></asp:TextBox>2)TextBox控件常见属性属性说明AutoPostBack该属性得到或设置一个值，表示用户改变TextBox控件的文本时，是否将自动生成事件

，属性值为True或False，默认值是FalseColumns该属性得到或设置文本框的宽度，类型是int，以字符为单位MaxLength该属性得到或设置允许输入的最大字符数，类型为intReadOnly该属性锁定文本框，锁定后，用户无法输入任何内容，属性值为True或FalseText该属性得到或设置文本框的类型，可以从文本模式枚举中指定一个值，取值为"SingleLine|MultiLine|Password",默认值为SingleLineWrap该属性得到或设置一个值，属性值为True|False，设为True时，文本将在边框处自动换行，只有TextMode属性设为MultiLine时，该属性才起作用。AutoPostBack该属性得到或设置一个值，表示用户改变TextBox控件的文本时，是否将自动生成事件

，属性值为True或False，默认值是False3)TextBox控件常用事件和方法TextBox控件的常用事件是TextChanged事件，改变TextBox控件的内容文本时，将生成TextChanged事件。TextBox控件的常用方法是Focus()方法。TextBox控件派生于WebControl基类，此基类中含有Focus方法，该方法可以将用户的光标动态放置在某个指定的窗体元素上。3.2.3ImageMap控件1.ImageMap控件语法<asp:ImageMapID="控件名称"ImageUrl="图像的位置"Width="宽度"Height="高度"AlternateText="找不到ImageUrl图片时替换文字"OnClick="Click事件名称"HotSpotMode="NotSet|Navigate|PostBack|Inactie"runat="server">作用点</asp:ImageMap>ImageMap控件提供了以下三种类型的作用点:圆形区域作用点矩形区域作用点多边形区域作用点2)ImageMap控件常用属性属性说明ImageUrl 获取或设置在ImageMap控件中显示图像的位置ImageAlign获取或设置ImageMap控件相对于网页上其它元素的对齐方式。HotSpotMode获取或设置单击HotSpot对象时ImageMap控件的HotSpot对象的默认行为。HotSpots该属性对应System.Web.UI.WebControls.HotSpot对象集合，获取HotSpot对象的集合。ImageUrl 获取或设置在ImageMap控件中显示图像的位置ImageAlign获取或设置ImageMap控件相对于网页上其它元素的对齐方式。HotSpotMode获取或设置单击HotSpot对象时ImageMap控件的HotSpot对象的默认行为3.2.4Button,LinkButton,ImageButton控件1.Button控件1).Button控件语法<asp:ButtonID="控件名称"Text="按钮上的文字"CommandName="与此按钮关联的命令"runat="server"CommandArgument="此按钮管理的命令参数"Onclick="事件名称"OnCommand="事件名称"/>2)Button控件常用属性属性说明CauseValidation该属性获取或设置在单击Button控件时是否执行验证。CommandArgument获取或设置命令参数CommandName该属性获取或设置传递给Command事件的Button控件相关联的命令名称。Text该属性得到或设置按钮的标题文本CauseValidation该属性获取或设置在单击Button控件时是否执行验证。CommandArgument获取或设置命令参数CommandName该属性获取或设置传递给Command事件的Button控件相关联的命令名称。3)Button控件常用事件事件说明Click单击Button按钮触发Click事件，此时不能指定CommandName和CommandArgument属性。Command单击Command按钮生成Command事件，此时必须指定CommandName和CommandArgument属性。2.LinkButton控件LinkButton控件语法如下：<asp:LinkButtonID="控件名称"Text="按钮上的文字"CommandName="与此按钮关联的命令"CommandArgument="此按钮管理的命令参数"Onclick="事件名称"OnCommand="事件名称"runat="server"/>LinkButton控件的常用属性、事件与Button控件类似3.ImageButton控件ImageButton控件语法如下：<asp:ImageButtonID="控件名称'AlternateText="在图像无法显示时显示的备用文本"ImageAlign="图像的对齐方式"ImageUrl="要显示图像的URL"runat="server"/>ImageButton控件的常用属性、事件与Button控件类似，3.2.5CheckBox和CheckBoxList控件1.CheckBox控件CheckBox控件的语法如下：<asp:CheckBoxID="控件名称"AutoPostBack="True|False"Text="复选框显示的文本"TextAlign="Right"Checked="True|False"OnCheckedChanged="当复选框状态改变时触发的事件名称"runat="server"/>2)CheckBox控件常用属性属性说明AutoPostBack该属性获取或设置一个值，确定是否自动把CheckBox控件的状态递送服务器Text该属性获取或设置与CheckBox控件相关联的文本标签TextAlign该属性获取或设置与CheckBox控件相关联的文本标签的对齐方式Checked该属性反映了复选框的当前状态，表示复选框是否被选中。AutoPostBack该属性获取或设置一个值，确定是否自动把CheckBox控件的状态递送服务器Text该属性获取或设置与CheckBox控件相关联的文本标签TextAlign该属性获取或设置与CheckBox控件相关联的文本标签的对齐方式3)CheckBox控件常用事件属性说明CheckedChanged当CheckBox控件的Checked属性更改时，发生CheckedChanged事件。但当AutoPostBack属性为False时，CheckedChanged事件将被延迟，直到下一个递送。2.CheckBoxList控件1)CheckBoxList控件的语法如下：<asp:CheckBoxListID="控件名称"AutoPostBack="True|False"CellPadding="像素"DataSource="数据源名称"DataTextField="给列表项提供文本的字段名称"DataValueField="给列表项提供值的字段名称"RepeatColumns="整数"RepeatDirection="Vertical丨Horizontal"RepeatLayout="Flow|Table"TextAlign="Right|Left"Selectedlndex="索引值"OnSelectedIndexChanged="改变选择时触发的事件名称"runat="server"><asp:ListItemValue=“选项值”Selected=“True|False”>选项文字</asp:ListItem></asp:CheckBoxList>2)CheckBoxList控件的常见属性如下：属性说明AutoPostBack用于设置当单击CheckBoxList控件时，是否自动回送到服务器CellPaddingASP.NET在一个不可见表格的分离单元格中创建每个复选框，CellPadding属性得到或设置每个单元格的边框和它的内容之间的宽度。DataSource该属性用于指定填充列表控件的数据源DataTextField该属性指定DataSource中一个字段，该字段的值对应于列表项的Text属性DataValueField该属性指定DataSource中一个字段，字段的值对应于列表项的Value属性AutoPostBack用于设置当单击CheckBoxList控件时，是否自动回送到服务器CellPaddingASP.NET在一个不可见表格的分离单元格中创建每个复选框，CellPadding属性得到或设置每个单元格的边框和它的内容之间的宽度。单位为像素，默认值是-1，即为没有设置CheckBoxList控件常用事件和方法。当用户选择列表中的任意复选框时，CheckBoxList控件都将引发SelectedlndexChanged事件。Add方法：使用Add方法可以实现向CheckBoxList控件添加选项；Remove方法：使用Remove方法，可以从CheckBoxList控件中删除指定的选项；Insert方法：使用Insert方法，可将一个新的选项插入到CheckBoxList控件中；Clear方法：使用Clear方法可以清空CheckBoxList控件中的选项。3.2.6RadioButton和RadioButtonList控件1.RadioButton控件1)RadioButton控件的语法如下：<asp:RadioButtonID="控件名称"Checked="True|False"Text="关联文字"GroupName="的名称"AutoPostBack="True|False"OnCheckedChanged="单击触发的事件名称"runat="server"/>2)RadioButton控件的常见属性如下：属性说明Checked指示或设置当前按钮的当前状态。当选中时，标记为TrueText在单选按钮旁边显示的标签GroupName标识单选按钮组，一组中只能有一个按钮被选DataTextField该属性指定DataSource中一个字段DataValueField该属性指定DataSource中一个字段RepeatColumns该属性获取或设置表中为CheckBoxList

控件显示选项占用几列Checked指示或设置当前按钮的当前状态3)RadioButton控件的常见事件如下：事件说明CheckChanged此事件在RadioButton控件状态发生改变时(如当用户在同一组不同选项上单击时）

被激发。如果AutoPostBack属性是False,这个事件将被延迟，直到下一个传回Click每次单击RadioButton,都会引发该事件。与CheckChanged相比，连续单击

RadioButton两次或多次只改变Checked属性一次，并且只改变以前未选中控件的

Checked属性，故不是每次单击RadioButton时，都引发CheckChanged事件。另外，

当被单击按钮的AutoCheck属性是False,则该按钮不会被选中，只引发Click事件2.RadioButtonList控件1)RadioButtonList控件语法如下：<asp:RadioButtonListID="控件名称"AutoPostBack="True|False"CellPadding="像素值"CellSpacing="像素值"DataSource="数据源名称"DataTextField="给列表项提供文本的字段名称"DataValueField="给列表项提供值的字段名称"RepeatColumns="整数"RepeatDirection="Vertical|Horizontal"RepeatLayout="Flow|Table"TextAlign="Right|Left"Selectedlndex="索引值"OnSelectedIndexChanged="改变选择时触发的事件名称"runat="server"><asp:ListItemValue="选项值0"Selected="True|False">选项文字0</asp:ListItem><asp:ListItemValue="选项值1"Selected="True|False">选项文字1</asp:ListItem></asp:RadioButtonList>RadioButtonList控件的常见属性和事件adioButtonList控件常用属性参照CheckBoxList控件常用属性。RadioButtonList控件常用事件参照CheckBoxList控件常用事件。3.2.7DropDownList、ListBox和BulletedList控件DropDownList控件1)DropDownList语法<asp:DropDownListID="控件名称"DataSource="数据源名称"DataTextField="给列表项提供文本的字段名称"DataValueField="给列表项提供值的字段名称"AutoPostBack="True|False"OnSelectedlndexChanged="改变选择时触发的事件名称"runat="server"><asp:ListItemValue="选项值1"Selected="True|False">选项l</asp:ListItem><asp:ListItemValue="选项值2"Selected="True|False">选项2</asp:ListItem></asp:DropDownList>2)DropDownList控件常用属性属性说明Selectedlndex该属性获取或设置一个数，指定DropDownList控件的当前所选项。默认值是0，

表示选择的是DropDownList控件中的第一项2.ListBox控件1) ListBox控件语法如下：<asp:ListBoxID="控件名称"SeletionMode="Single|Multiple"Rows="整数"AutoPostBack="True|False"DataSource="数据源名称"DataTextField="给列表项提供文本的字段名称"DataValueField="给列表项提供值的字段名称"OnSelectedIndexChanged="改变选择时触发的事件名称"runat="server"><asp:ListItemValue="选项值1"Selected="True|False">选项l</asp:ListItem><asp:ListItemValue="选项值2"Selected="True|False">选项2</asp:ListItem></asp:ListBox>2)ListBox常见属性属性说明Rows此属性获取或设置可以在ListBox控件中显示的行数(1〜2000)。默认值是4SeletionMode

该属性确定ListBox控件的选择模式，可能是Single或Multiple。默认值是Single。其中，Single指定一次仅可选择一项；Multiple指定通过使用Ctrl键，用户可以选择多项Rows此属性获取或设置可以在ListBox控件中显示的行数(1〜2000)。默认值是4SeletionMode

该属性确定ListBox控件的选择模式，可能是Single或Multiple。默认值是Single。其中，Single指定一次仅可选择一项；Multiple指定通过使用Ctrl键，用户可以选择多项Rows此属性获取或设置可以在ListBox控件中显示的行数(1〜2000)。默认值是4SeletionMode

该属性确定ListBox控件的选择模式，可能是Single或Multiple。默认值是Single。其中，Single指定一次仅可选择一项；Multiple指定通过使用Ctrl键，用户可以选择多项Rows此属性获取或设置可以在ListBox控件中显示的行数(1〜2000)。默认值是43.2.8Literal和Panel控件

1.Literal控件1)Literal控件语法如下：格式一：<asp:LiteralID="控件名称"Text="Literal控件的文本内容"runat="server">格式二：<asp:LiteralID="控件名称"runat="server">Literal控件的文本内容</asp:Literal>2)Literal常见属性属性说明Text 得到或设置Literal控件的文本内容。属性值类型为"string"Mode 该属性用于指定控件对用户所添加的标记的处理方式。Mode属性值为"Encode|Transform|PassThrough"2.Panel控件1) Panel控件语法如下：<asp:PanelID="控件名称"BackImageUrl="背景图像文件的路径"HorizontalAlign="NotSet|Center|Left|Right|Justify"Wrap="True|False"Visible="True|False"runat="server">其他控件</asp:Panel>2)Panel常见属性属性说明BacklmageUrl 得到或设置背景图像的URL，属性值类型为"uri"DefaultButton规定Panel控件中默认按钮的ID，属性值类型为"string"Direction规定Panel控件的内容显示方向，属性值为"NotSet|LeftToRight|RightToLeft"GroupingText规定Panel控件中控件组的标题，属性值类型为"string"HorizontalAlign得到或设置Panel控件内容的水平对齐方式，属性值"NotSet|Left|Center|Right|Justify"，默认为NotSetScrollBars规定Panel中滚动栏的位置和可见性。属性值为"None|Horizontal|Vertical|Both|Auto"Wrap 得到或设置一个布尔值，确定内容是否在其界限内折行，属性值为"True|False”，默认值为TrueBacklmageUrl 得到或设置背景图像的URL，属性值类型为"uri"3.2.9MultiView和View控件1. MultiView和View控件语法<asp:MultiViewID="控件名称"runat="server"ActiveViewIndex="当前被激活显示的View控件的索引值"><asp:ViewID="第一个View控件名称"runat="ser