《服务器端控件()》-课件.pptVIP

WEB应用程序设计(ASP.NET) 安徽机电职业技术学院　信息工程系 汪 学 文 wxwAspDotNet@126.com 2011年3月 第3课 ASP.NET服务器端控件 本课要点： 了解和使用各种服务器控件 使用文本框、列表框等标准控件输入数据 使用验证控件确保输入数据的正确性 使用文件上传控件、日历控件等Rich控件 了解导航控件和用户控件的使用 本课示例请参见课件文件夹下AspDotNet\Lesson3_1文件夹，虚拟目录配置为AspDotNet\Lesson3_1 3.1 服务器端控件概述 Web窗体是一个窗口类对象，由代码、标记、正文文本和服务器控件组成。 在ASP.NET页面元素中，除Html标记外，所有控件实际上是在服务器端运行的。 所有服务器控件都必须放在form runat=“server”与/form标记之间。 所有服务器控件都必须使用runat=“server”属性。 什么是控件？ 不仅仅是页面上的表单元素。 ASP.NET是想将页面上所有的内容都用控件表示。 控件的声明 声明控件的第1种方法 asp:Label id=message Text=欢迎大家 runat=server/ asp:Button id=enter Text=确定 onClick=Enter_Click runat=server / 声明控件的第2种方法 asp:Label id=message runat=server欢迎大家/asp:Label asp:Button id=enter Text=确定 onClick=Enter_Click runat=server /asp:Button 控件的分类 控件的类型 HTML服务器控件 Web服务器控件 ASP.NET 2.0提供了丰富的Web服务器控件： 标准控件 List控件(列表控件) 验证控件 Rich控件(高级控件) 导航控件 登录控件等等 3.2 HTML服务器端控件 这一类控件是主要是为了保留原来的HTML元素标记。一般和原来的HTML标记一一对应，只是增加了runat=“server”。 常用Html服务器控件请参见教材P35表3.1 3.3 标准控件 标准控件几乎是每个ASP.NET应用程序都要用到的。主要包括： 显示信息的Label和Literal控件 接受用户输入的TextBox、CheckBox、RadioButton控件 提交表单数据的Button、LinkButton和ImageButton控件 显示图像的Image和ImageMap控件 其它控件(Panel控件和HyperLink控件) 3.3.1 Label控件和Literal控件 如果需要动态地修改显示在页面中的文本，可以使用Label控件。 Label控件的内容会由服务器端转译成span标签。 Label控件 Label控件的格式化属性 BackColor：背景色 BorderColor：边框色 BorderStyle：边框样式 BorderWidth：边框宽度 CssClass：关联的CSS类 Font：字体 ForeColoe：前景色 ToolTip：工具提示 一般建议：避免使用格式属性，而使用CSS来格式化Label控件的输出内容。 AssociatedControlID 属性 Label控件的AssociatedControlID属性的作用：一是方便读屏器等程序正确地识别标签和表单，二是当点击标签时，自动把表单焦点设置为相应的表单输入框。 Literal控件 Literal控件类似于Label控件，区别在于，Literal控件在转译时不产生span标记，因此，它没有格式化属性。 3.3.2 接收用户输入 主要使用TextBox、CheckBox、RadioButton等控件来接收用户输入，对应于Html的input标签。 TextBox控件 TextMode: Single | Multiline | Password Text: 显示的文字 MaxLength: 整数，表示输入的最大的字符数 Rows: 整数，当为多行文本时的行数 Columns 整数，当为多行文本时的列数 Wrap: True | False，表示是否允许换行，默认为True AutoPostBack: True | False OnTextChanged: 当文字改变时触发的事件过程 TextBox示例 CheckBox控件 主要属性： Text:控件上显示的文字 TextAlign：对齐方式 Checked:是否选中 AutoPostBack:是否自动回传 主要方法： Focus：设为本控件为输入焦点 主要事件： CheckedChanged：选中或取消选中时