ASP.NET大学实用教案——第4章 服务器控件.ppt

ASP.NET 2.0（C#）大学实用教程,电子工业出版社,刘丹妮 郭洪涛 陈明华 贾跃编著,本章知识点,常用HTML服务器控件常用Web服务器控件验证服务器控件用户控件,服务器控件的基本概念,ASP.NET服务器控件是运行在服务器端并且封装了用户界面和其他相关功能的组件，用于ASP.NET页面和ASP.NET代码隐藏页中。ASP.NET服务器的特点保存视图状态 公共对象模型 数据绑定模型 用户定制配置文件创建浏览器特定的HTML,服务器控件的基本概念,“按钮”服务器控件的示例 其中属性runat=“server”就意味着这种控件逻辑运行在服务器上，而不是在用户的浏览器中。属性id=“Button1”表明该控件是类Button的对象，且对象名为Button1。图4-1示例,服务器控件的分类与选择,HTML服务器控件 由System.Web.UI.HtmlControls类实现对应传统的HTML元素，添加相应的ID属性和runat=server属性可以使之成为运行在服务器端的控件 具备相应的属性、事件和方法Web服务器控件 由System.Web.UI.WebControls类实现没有和HTML元素一一对应,服务器控件的分类与选择,在下述情况下可以选择使用HTML服务器控件喜欢与HTML相似的对象模型正在使用现存的HTML页工作，并且希望快速地添加Web窗体功能控件既需要运行客户端脚本也需要运行服务器端脚本由于带宽受到限制，所以需要进行大量的客户端处理来减少带宽的开销在下述情况下可以选择使用Web服务器控件基于控件的事件驱动模式创建的Web页可以通过多种浏览器浏览只有Web服务器控件才能实现特定功能的场合由于带宽不受限制，所以Web服务器控件的“请求-响应”周期不会引起带宽问题,控件属性和事件,控件属性ASP.NET服务器控件具有大量属性，这些属性是绝大多数服务器控件都具备的，共分为5大类：布局、数据、外观、行为和杂项。控件事件 事件用于在Web窗体上处理用户交互，它是动态交互式Web窗体对用户输入的典型反应，是程序得以运行的触发器,HTML服务器控件,HTML服务器控件基本上对应于传统的HTML元素，因此在编写这类控件的时候，只需要将相应的HTML元素加以修改,HTML服务器控件,在Visual Studio 2005集成开发环境的工具箱中，提供了可以直接使用的HTML服务器控件 可以将其变为HTML服务器控件添加ID属性和runat=“server”属性或者右键单击该控件，在弹出的菜单项中选择【作为服务器控件运行】。,转换前,转换后,常用HTML服务器控件,HtmlInputButton（提交、重置和普通按钮）OnServerClick的值为当按钮单击事件发生时要执行的事件处理过程的名称，该处理过程在服务器端执行 HtmlGenericControl（一般控件）显示的HTML代码或文本innerhtml属性表示显示在控件中的HTML代码，innertext属性表示显示的文本，但这两个属性只能在程序运行时赋值,常用HTML服务器控件,HtmlInputText（单行文本框和密码框）OnServerChange属性的值为控件内容发生变化后要执行的事件处理过程的名称，该处理过程在服务器端执行。例41,常用HTML服务器控件,HtmlTextArea（多行文本输入框）HtmlInputHidden（隐藏控件）HtmlInputRadioButton（单选按钮）例42,常用HTML服务器控件,HtmlInputCheckBox（复选框）HtmlSelect（列表框）选项1选项2例4-3 例4-4,Web服务器控件,与HTML服务器控件相比，Web服务器控件的设计更加合理，使用也更加简单。它基于公共对象模型，所有的控件共享一些属性,Web服务器控件,续表,在Visual Studio 2005集成开发环境的工具箱中，提供给了可以直接使用的Web服务器控件,常用Web服务器控件,Label（标签）TextBox（文本框）格式工具栏 Button（按钮）例4-5,常用Web服务器控件,ImageButton（图片按钮）LinkButton（超链接按钮）RadioButton（单选按钮）,常用Web服务器控件,RadioButtonList（单选按钮列表框）选项1 选项2例4-6,常用Web服务器控件,CheckBox（复选框）CheckBoxList（复选框列表框）选项1 选项2 例4-7,常用Web服务器控件,DropDownList（下拉列表框）选项1选项2 ListBox（列表框）选项1 选项2,常用Web服务器控件,Calendar（日历控件）Calendar控件具有很多属性可用来设置样式通过OnSelectionChanged属性设置SelectionChanged事件发生时调用的事件处理过程的名称 例4-8,常用Web服务器控件,AdRotator（广告控件）AdvertisementFile属性设置包含广告信息的XML文件的URL地址XML文档的格式为：广告图片的URL 单击广告时，定向到的网页URL 广告图片的替代文本 关键字 广告相对展示频率 自定义广告信息,FileUpload（文件上传控件）,常用Web服务器控件,FileUpload（文件上传控件）例4-10,常用Web服务器控件,MultiView和View（多视图和视图控件）例411,常用Web服务器控件,Web服务器控件综合示例 例4-12,验证服务器控件,对输入内容的验证可以在服务器端执行，也可以在客户端执行客户端验证使用JavaScript和动态HTML脚本 服务器端验证可以使用任何基于Microsoft.NET的语言,验证服务器控件,RequiredFieldValidator控件 ControlToValidate属性值为要验证的输入内容控件的ID，ErrorMessage属性值为没有输入内容时所提示的信息。例4-13,验证服务器控件,CompareValidator控件 ControlToValidate属性值为要验证的输入内容控件的IDValuteToCompare属性确定要比较的某个常数值，可以使用管道字符“|”来分隔多个值ControlToCompare属性确定要比较的另一个控件Type属性用来指定数据类型Operator属性指定要使用的比较运算符ErrorMessage属性值为没有输入内容时所提示的信息。例4-14,验证服务器控件,RangeValidator控件 ErrorMessage=提信息 InitialValue=初始值 runat=server/ControlToValidate属性值为要验证的输入内容控件的IDMaximumValue属性指定有效范围的数字变量或字符串的最大值MinimumValue属性指定有效范围的数字变量或字符串的最小值Type属性指定数据类型ErrorMessage属性值为没有输入内容时所提示的信息。例4-15,验证服务器控件,RegularExpressionValidator控件ValidationExpression属性是最重要的属性，该属性通过正则表达式指定输入内容所要遵循的格式,验证服务器控件,RegularExpressionValidator控件例4-16,验证服务器控件,CustomValidator控件 ControlToValidate属性值为要验证的输入内容控件的IDClientValidationFunction属性值是CustomValidator控件在客户端运行的脚本名称OnServerValidate属性值是CustomValidator控件在服务器端运行的脚本名称ErrorMessage属性值为没有输入内容时所提示的信息例4-17,验证服务器控件,ValidationSummary控件ShowSummary属性值为是否显示没有通过验证的验证控件的ErrorMessage 消息DisplayMode属性值为显示ErrorMessage 消息时的样式ShowMessageBox属性值为是否以对话框形式显示ErrorMessage 消息例4-18,用户控件,用户控件（User Control）是被转换成控件的ASP.NET页面，文件扩展名为.ascx用户控件类似于Web服务器控件，可以在多个Web窗体上面重用同样的外观、样式及功能用户控件与Web 窗体类似，可以使用任何文本编辑器编写这些控件，或者使用代码隐藏类开发它们但与Web 窗体不同的是，客户端不能单独请求用户控件，它必须被包含在Web页中才能正常运行,用户控件,添加用户控件编写用户控件时，先在解决方案资源管理器的右键弹出菜单中，选择【添加】子菜单项中的【添加Web用户控件】，然后在生成的*.ascx页面中按照普通Web页面进行设计即可例419,用户控件,访问用户控件中的属性和方法可以使用用户控件的公共属性来公开用户控件的属性和方法，这样就可以使宿主页能够使用用户控件里的属性与方法例420,用户控件,动态加载用户控件可以在运行时动态加载用户控件。例如，在运行时为页面选择不同的页头图片，或是根据用户请求加载不同的用户控件 例4-21,