《ASP.NET服务器端控件培训课件.ppt》由会员分享，可在线阅读，更多相关《ASP.NET服务器端控件培训课件.ppt（32页珍藏版）》请在金锄头文库上搜索。
1、WEB应用程序设计 ASP NET 汪学文wxwAspDotNet 2011年3月 课程网站 第3课ASP NET服务器端控件 本课要点 了解和使用各种服务器控件使用文本框 列表框等标准控件输入数据使用验证控件确保输入数据的正确性使用文件上传控件 日历控件等Rich控件了解导航控件和用户控件的使用本课示例请参见课件文件夹下AspDotNet Lesson3 1文件夹 虚拟目录配置为AspDotNet Lesson3 1 3 1服务器端控件概述 Web窗体是一个窗口类对象 由代码 标记 正文文本和服务器控件组成 在ASP NET页面元素中 除Html标记外 所有控件实际上是在服务器端运行的 所有
2、服务器控件都必须放在与标记之间 所有服务器控件都必须使用runat server 属性 什么是控件 不仅仅是页面上的表单元素 ASP NET是想将页面上所有的内容都用控件表示 控件的声明 声明控件的第1种方法声明控件的第2种方法欢迎大家 控件的分类 控件的类型HTML服务器控件Web服务器控件ASP NET2 0提供了丰富的Web服务器控件 标准控件List控件 列表控件 验证控件Rich控件 高级控件 导航控件登录控件等等 3 2HTML服务器端控件 这一类控件是主要是为了保留原来的HTML元素标记 一般和原来的HTML标记一一对应 只是增加了runat server 常用Html服务器控件
3、请参见教材P35表3 1 3 3标准控件 标准控件几乎是每个ASP NET应用程序都要用到的 主要包括 显示信息的Label和Literal控件接受用户输入的TextBox CheckBox RadioButton控件提交表单数据的Button LinkButton和ImageButton控件显示图像的Image和ImageMap控件其它控件 Panel控件和HyperLink控件 Label控件和Literal控件 如果需要动态地修改显示在页面中的文本 可以使用Label控件 Label控件的内容会由服务器端转译成标签 protectedvoidPage Load objectsender
4、EventArgse 显示时间lblTime Text T ShowLabel aspx Label控件 Label控件的格式化属性BackColor 背景色BorderColor 边框色BorderStyle 边框样式BorderWidth 边框宽度CssClass 关联的CSS类Font 字体ForeColoe 前景色ToolTip 工具提示一般建议 避免使用格式属性 而使用CSS来格式化Label控件的输出内容 ShowLabel aspx labelstyle color red background color yellow border Solid2pxRed Associated
5、ControlID属性 Label控件的AssociatedControlID属性的作用 一是方便读屏器等程序正确地识别标签和表单 二是当点击标签时 自动把表单焦点设置为相应的表单输入框 Literal控件 Literal控件类似于Label控件 区别在于 Literal控件在转译时不产生标记 因此 它没有格式化属性 使用Literal控件修改浏览器标题 ShowLabel aspx 接收用户输入 主要使用TextBox CheckBox RadioButton等控件来接收用户输入 对应于Html的标签 TextBox控件TextMode Single Multiline PasswordTe
6、xt 显示的文字MaxLength 整数 表示输入的最大的字符数Rows 整数 当为多行文本时的行数Columns整数 当为多行文本时的列数Wrap True False 表示是否允许换行 默认为TrueAutoPostBack True FalseOnTextChanged 当文字改变时触发的事件过程 TextBox示例 ShowTextBox aspx CheckBox控件 主要属性 Text 控件上显示的文字TextAlign 对齐方式Checked 是否选中AutoPostBack 是否自动回传主要方法 Focus 设为本控件为输入焦点主要事件 CheckedChanged 选中或取消
7、选中时 在服务器端引发多个CheckBox时 建议使用CheckBoxList控件 RadioButton控件 主要属性 Text 控件上显示的文字TextAlign 对齐方式Checked 是否选中GroupName 同一页面的单选钮要分组时 同一组的单选钮要使用同一个组名AutoPostBack 是否回传主要方法 Focus 设为本控件为输入焦点主要事件 CheckedChanged 选中或取消选中时 在服务器端引发多个单选钮时 建议使用RadioButtonList控件 CheckBox与RadioButton示例 ShowCheckBox aspx CheckBox与RadioButt
8、on示例 protectedvoidbtnSubmit Click objectsender EventArgse lblResult Text 您的选择如下 判断复选框是否选中if chkNewsletter Checked lblResult Text 愿意接收邮件列表 elselblResult Text 不愿意接收邮件列表 判断单选钮哪个选中strings null if rbMagazine Checked s rbMagazine Text if rbTV Checked s rbTV Text if rbOther Checked s rbOther Text lblResult
9、 Text 您是从 s 获悉我们的网站 提交表单数据 Button LinkButton ImageButton控件用于向服务器提交表单数据 这3个控件具有相同的功能 却具有不同的外观 Button控件生成普通的按钮 产生的Html输出为LinkButton控件生成一个链接 使用JavaScript把表单传回服务器 提交ImageButton控件与Button控件类似 只是总是使用图片 ShowButton aspx 执行跨页面传送 设置按钮控件的PostBackUrl属性 可以把表单数据提交到其它页面 ShowButton aspx ButtonSearchResults aspx 使用Pr
10、eviousPage属性获取前一网页信息 protectedvoidPage Load objectsender EventArgse if PreviousPage null TextBoxtbName TextBox PreviousPage FindControl tbName lblSearch Text 姓名 tbName Text 指定默认按钮 使用Form控件的DefaultButton属性来指定表单的默认按钮 可以按回车键来调用这个按钮 标准控件综合示例 Default aspx protectedvoidbtnSubmit Click objectsender EventAr
11、gse lblMessage Text 您输入的个人信息为 lblMessage Text 姓名 tbName Text if rbMale Checked lblMessage Text 性别 男 if rbFemale Checked lblMessage Text 性别 女 if cbTour Checked lblMessage Text 爱好 旅游 if cbNetworking Checked lblMessage Text 爱好 上网 if cbShopping Checked lblMessage Text 爱好 购物 lblMessage Text 地址 lblMessage
12、 Text 简介 tbBrief Text 显示图像 Image控件主要属性 AlternateText 为图像提供替代文本DescriptionURL 指向详细描述的图像链接GenerateEmptyAlternateText 为AlternateText设置为空串ImageAlign 对齐方式ImageURL 指定图片的URL ShowImage aspx Image控件 protectedvoidPage Load objectsender EventArgse Randomr newRandom switch r Next 3 case0 imgRadom ImageUrl Pictu
13、re1 gif imgRadom AlternateText Picture1 break case1 imgRadom ImageUrl Picture2 gif imgRadom AlternateText Picture2 break case2 imgRadom ImageUrl Picture3 gif imgRadom AlternateText Picture3 break ImageMap控件 ImageMap控件用于在页面上显示图像 并可以划分 热区 点击图像上不同的区域 可以链接不同的页面 也可以把图像映射当成一个奇特的导航条使用 注意HotSpotMode属性和HotSp
14、ot属性的设置 ImageMenu aspx protectedvoidmapMenu Click objectsender ImageMapEventArgse switch e PostBackValue case ToUpper tbText Text break case ToLower tbText Text break case Erase tbText Text String Empty break Panel控件 Panel控件用于处理一组ASP NET控件 如隐藏或显示一组控件 Default2 aspx Panel控件 主要属性DefaultButton 指定默认按钮Dir
15、ection 控件显示文本的方向HorizontalAlign 横向对齐方式ScrollBars 滚动条显示方式PlaceHolder 占位符 控件与Panel控件类似 主要用于编程时 动态添加各种控件 HyperLink控件 HyperLink控件用于创建超链接 主要属性 Enable false时禁用该超链接ImageUrl 为超链接指定图片NavigateUrl 要打开页面的UrlTarget 打开链接的位置 如 blank表示在新窗口打开Text 超链接上显示的文本 ShowHyperLink aspx protectedvoidPage Load objectsender EventArgse lnkRandom Text GetRandomFile lnkRandom NavigateUrl GetRandomFile 获取本网站内的随机网页文件stringGetRandomFile string files Directory GetFiles MapPath Request ApplicationPath aspx Randomrnd newRandom stringrndFile files rnd Next files Length returnPath GetFileName rndFile
