ASPNET常用服务器控件.ppt

2015-04-131第五章ASP.NET常用服务器控件主讲教师：刘汉强网页设计与制作本章主要内容
服务器控件概述
常用服务器控件
常用服务器控件综合实例什么是控件
控件是对数据和方法的封装。控件可以有自己的属性和方法。
ASP.NET是想将页面上所有的内容都用控件表示。5.1服务器控件概述5.1.1服务器控件的概念与作用
服务器控件就是页面上能够被服务器端代码访问和操作的任何控件。每个服务器控件都包含一些成员对象，以便开发人员调用，如属性、事件、方法等。通常情况下，服务器控件都包含在ASP.NET页面中。
服务器控件是WebForm编程模型的重要元素，它们构成了一个新的基于控件的表单程序的基础。5.1.2服务器控件与对象的关系
ASP.NET服务器控件都是页面上的对象，采用事件驱动的编程模型，客户端触发的事件可以在服务器端来处理。常用的服务器控件类似于熟悉的HTML元素，如按钮和文本框。其他服务器控件具有复杂行为，如日历控件和管理数据连接的控件。服务器控件共有的属性属性说明属性说明AccessKey控件指定的键盘快捷键Font-Names控件使用字体的序列BackColor控件的背景色Font-Size字体的大小BoderColor控件的边框颜色Font-Underline字体是否使用下划线BoderStyle控件的边框样式ForeColor控件的前景色BoderWidth控件的边框程度Height控件的高度CSSClass用于该控件的CSS类名TabIndex控件的【Tab】键顺序Enable控件是否处于启用状态Text控件上显示的文本Font-Bold字体是否为粗体ToolTip设置控件的提示信息Font-Name控件使用的首选字体Width控件的宽度2015-04-132服务器控件的方法方法说明ApplyStyleSheetSkin把页面样式表中定义的属性应用于该控件DataBind激发OnDataBinding事件，然后激活所有子控件上的DataBind方法Dispose从内存中释放控件之前，给控件一个执行清除任务的机会Focus把输入焦点设置为该控件。ASP.NET1.x不支持该方法GetType获取当前实例的类型HasControls表明该控件是否包含什么子控件RenderControl生成控件的HTML输出SetRenderMethodDelegate内部使用的方法，把一个对生成控件及其内容的委派赋给父控件网站建设与Web设计服务器控件事件事件说明DataBinding当一个控件上的DataBind方法被调用并且该控件被绑定到一个数据源时发生这个事件Disposed从内存中释放一个控件时会发生这个事件，这是控件生命周期的最后一个阶段Init控件被初始化时发生这个事件，这是控件生命周期的开始Load把控件装入页面时会发生这个事件，该事件在Init后发生PreRender控件准备生成它的内容时会发生这个事件Unload从内存中卸载控件时发生这个事件5.2常用服务器控件5.2.1Label控件
Label服务器控件为开发人员提供了一种以编程方式设置Web窗体页中文本的方法，但该控件不支持任何事件。若希望在运行时更改页面中的文本时就可以使用Label服务器控件。如果只是希望显示静态文字，并且文字内容不需要改变，建议使用HTMLLabel元素显示。属性说明ID控件的ID名称，Label控件的唯一标志Text控件显示的文本Width控件的宽度Height控件的高度Visible控件是否可见CssClass控件呈现的样式BackColor控件的背景颜色BorderColor控件的边框颜色BorderWidth控件的边框宽度Font控件中文本的字体ForeColor控件中文本颜色Enabled控件是否可用设置标签控件外观方法
通过属性窗口设置标签的外观设置Label控件
本实例通过调用页面的Page_Load()事件来设置Label1服务器控件的字体大小并设置初始显示文本。主要实现步骤如下。（1）新建一个Web页面，并在页面中添加一个Label控件。（2）在页面的Page_Load事件中输入如下代码。protectedvoidPage_Load(objectsender,EventArgse){Label1.Font.Size=30;Label1.Text=Label1控件显示;}2015-04-1335.2.2TextBox控件
TextBox控件通常用来接收用户的输入信息，如文本、数字和日期等。默认情况下，TextBox控件是一个单行的文本框，只能输入一行内容。但可以通过修改控件属性，将文本框改为允许输入多行文本或密码形式。asp:TextBoxID=TextBox1runat=server/asp:TextBox属性说明AutoPostBack获取或设置一个值，该值指示无论何时用户在TextBox控件中按Enter或Tab键时，是否执行自动回发到服务器的操作CausesValidation获取或设置一个值，该值指示当TextBox控件设置为在回发发生时，是否执行验证ID控件IDText控件要显示的文本TextMode获取或设置TextBox控件的行为模式（单行、多行或密码）Width控件的宽度Height控件的高度Visible控件是否可见ReadOnly获取或设置一个值，用于指示能否更改TextBox控件的内容CssClass控件呈现的样式BackColor控件的背景颜色Enabled控件是否可用Columns文本框的宽度（以字符为单位）MaxLength可输入的最大字符数Rows多行文本框显示的行数示例:TextBox控件的3种显示方式
下面的实例通过设置TextBox控件的TextMode属性来实现该控件的3种文本显示效果。
主要实现步骤如下。
（1）新建一个Web页为Default.aspx，在页面上添加3个TextBox控件。
（2）在属性页窗口中分别设置3个TextBox控件的TextMode属性。输入用户名的控件，TextMode属性设为SingleLine；输入密码的控件，TextMode属性设为Password；输入备注信息的控件，TextMode属性设为MultiLine。示例运行界面TextMode属性的3种文本显示方式TextBox控件的事件
TextChanged事件：该事件在用户更改TextBox空间中的文本时触发。5.2.3Image控件
Image类直接继承于WebControl类，用于在Web页上显示用户的图片或图像信息，此控件属于服务器端标准控件。属性说明ID获取或设置分配给服务器控件的编程标识符AlternateText在图像无法显示时显示的替换文字ImageAlign获取或设置Image控件相对于网页上其他元素的对齐方式ImageUrl获取或设置在Image控件中显示的图像的位置Enabled获取或设置一个值，该值指示是否已启用控件2015-04-134示例:使用Image控件显示图片
下面的示例通过设置Image控件的ImageUrl属性来显示图片。
主要实现步骤如下。（1）新建一个Web页面并在页面中添加一个Image控件。（2）在Image控件的Page_Load()事件中将Image控件的ImageUrl属性设置为要显示图片的路径。示例代码如下。protectedvoidPage_Load(objectsender,EventArgse){this.Image1.ImageUrl=images/snnu.jpg;}asp:ImageID=Image2runat=serverHeight=50px/5.2.4Button控件
Buton控件可以用来作为Web页面中的普通按钮，Button控件可以分为提交（Submit）按钮控件和命令（Command）按钮控件，默认情况下Button控件为提交按钮控件。提交类型按钮用来把Web页面提交到服务器处理，而命令按钮控件一般包含与控件相关联的命令，用于处理控件命令事件。属性说明ID控件IDText获取或设置在Button控件中显示的文本标题Width控件的宽度Height控件的高度CssClass控件呈现的样式CausesValidation获取或设置一个值，该值指示在单击Button控件时是否执行了验证OnClientClick获取或设置在引发某个Button控件的Click事件时所执行的客户端脚本PostBackUrl获取或设置单击Button控件时从当前页发送到的网页的URL示例:使用Button控件改变TextBox控件的文本
本实例通过单击Button控件来改变TextBox控件的文本,主要实现步骤如下。（1）新建一个Web页面Default.aspx，在页中添加一个Button控件和一个TextBox控件。（2）利用Button控件的Click事件来改变Textbox控件的文本，Click事件中的代码如下。protectedvoidButton1_Click(objectsender,EventArgse){TextBox1.Text=Button1_Clickisok;}综合练习:设计如下控件5.2.5选择类型控件5、ListBox控件1、RadioButton控件3、CheckBox控件6、DropDownList控件2、RadioButtonList控件4、CheckBoxList控件2015-04-135RadioButton控件属性说明AutoPostBack获取或设置一个值，该值指示在单击RadioButton控件时，是否自动回发到服务器CausesValidation获取或设置一个值，该值指示在单击RadioButton控件时，是否执行验证Checked获取或设置一个值，该值指示是否已选中RadioButton控件GroupName获取或设置单选按钮所属的组名Text获取或设置与RadioButton关联的文本标签TextAlign获取或设置与RadioButton控件关联的文本标签的对齐方式Enabled控件是否启用ID获取或设置分配给服务器控件的编程标识符RadioButton控件是一种单选按钮控件，用户可以在页面中添加一组RadioButton控件，通过为所有的单选按钮分配相同的GroupName（组名），来强制执行从给出的所有选项集中仅选择一个选项。
当单击RadioButton控件时，其Checked属性设置为True，并且调用Click事件处理程序。当Checked属性的值更改时，将引发CheckedChanged事件。如果AutoPostBack属性设置为True(默认值)，则当选择单选按钮时，将自动清除该组中的所有其他单选按钮。
当用户选择某单选按钮时，同一组中的其他单选按钮不能同时选定RadioButton控件例4-6单选按钮的使用程序步骤如下：新建一个网站，默认网页为Default.aspx，在上面添加4个RadioButton控件、一个标签控件和一个Button控件。控件属性设置如下：控件类型控件名称主要属性设置Button控件Button1Text属性设置为“提交”RadioButton控件RadioButton1Text属性设置为“A：5+5=5”AutoPostBack设置为trueGroupName属性设置为mathRadioButton2Text属性设置为“B：5+5=6”AutoPostBack设置为trueGroupName属性设置为mathRadioButton3Text属性设置为“C：5+5=8”AutoPostBack设置为trueGroupName属性设置为mathRadioButton4Text属性设置为“D：5+5=10”AutoPostBack设置为trueGroupName属性设置为mathLabel控件Label1Text设置为？程序代码如下：protectedvoidRadioButton1_CheckedChanged