04第4章 ASPnet常用控件

《04第4章 ASPnet常用控件》由会员分享，可在线阅读，更多相关《04第4章 ASPnet常用控件（157页珍藏版）》请在金锄头文库上搜索。

1、ASP.net常用控件,第 4 章,从事软件开发的人不要闭门读书、自以为是。要广交天 下友，不断学习别人的经验，才能迅速提升自己的水平,本章知识结构框图,ASP.NET控件概述,标准 控件,用户 控件,验证 控件,第三方 控件,验证控件概述 RequiredFieldValidator控件,用户控件概述 创建用户控件,FreeTextBox、Goog leMap、popupwin,ASP.NET控件的使用方法ASP.NET控件的分类,Label控件 TextBox控件Button、 LinkButton 等,出自颜氏家训，原文是：书曰：“好问则裕”，礼云：“独学 而无友，则孤陋而寡闻。”盖须切

2、磋相起明也。见有闭门读书，师心自是，稠 人广坐，谬误差失者多矣。尚书上说：“只有喜爱提问的人，方能够获得更多的知识。”礼经 上则说：“独自学习而不与朋友共同商榷，便会孤陋而寡闻。”学习软件开发 如同学习其它任何一门知识，都需要共同切磋、互相启发，这是很明白的事 理。学识渊博者之言，有很强的启示性，追寻他们的思想，会透彻更多理解。 好问之人，不止于上问，要不耻下问，下问又何妨，得知识自得乐趣，得认 知自有收获。从事软件开发的人不要闭门读书、自以为是。要广交天下友， 不断学习别人的经验，才能迅速提升自己的水平。,学习激励与案例导航,上海盛大网络总裁陈天桥,陈天桥1973出生于浙江新昌，毕业于上海复

3、旦大学， 现任中国游戏工作委员会副理事长、上海青少年发展基 金会副会长、上海游戏专委会主任委员、上海信息服务 业协会副理事长、共青团中央第十五届候补中央委员。,陈天桥说：一个企业发展要经历五个阶段，一是战 略上寻找突破点，二是要专注，三是要进行整个产业链 的整合，四是适度多元化，五是变成社会企业，承担适 度的社会责任。做为大学生的我们成功也要经历五个阶 段，一是找准学习方向，二要专注学习，三要广泛专研 整合专业，四要广泛阅读全面发展，五要与企业靠拢， 逐步走向创业。当前，努力地在确定的方向上专注学习 吧！,第4章 ASP.net常用控件,4.1 ASP.NET控件概述,4.2 标准控件,4.3

4、 验证控件,4.4 用户控件,4.5 第三方控件的使用,第4章 ASP.net常用控件,4.1 ASP.NET控件概述,4.2 标准控件,4.3 验证控件,4.4 用户控件,4.5 第三方控件的使用,4.1.2 ASP.NET控件的使用方法,1添加控件,在网站的页面中添加控件有两种方法，一是在窗口左侧的工具箱中双击控件，则控件以默认位置、默认风格直接插入到页面中；二是将工具箱中的控件直接拖动到页面指定位置。 控件添加步骤如下： （1）启动Visual Studio 2008，依次单击菜单中的【文件】、 【新建】、【网站】， ASP.net默认的网站首页名称Default.aspx； （2）在D

5、efault.aspx编辑窗口的底部有设计、拆分、源三种视图方式，切换到设计视图； （3）鼠标悬停在左侧工具箱上,选到工具箱中的控件，用拖动或双击的方式将控件添加至窗口的设计视图中。,2属性设置,选中控件后，在属性设置窗口即可对该控件的各个属性进行设置，属性窗口及功 能如图4-1所示。,显示内容：控件名称，实现功能：选择不同控件,显示内容：左为属性，右为事件 实现功能：切换事件与属性显示页,显示内容：属性显示排列方式 实现功能：左为按分类顺序显示，右为字母顺序显示,显示内容：控件属性，实现功能：右侧设置值,显示内容：提示信息，实现功能：对应控件的解释,图4-1 属性窗口,3编写代码,4.1.3

6、 ASP.NET控件的分类,工具栏中管理方法,图4-2是Visual Studio 2008中控件分类面板。,图4-2 Visual Studio 2008中控件分类,4.1.4 ASP.NET控件的共同属性,表 4-3 控件常用的共同属性,ASP.NET常用事件主要有,表 4-4 控件常用的事件,第4章 ASP.net常用控件,4.1 ASP.NET控件概述,4.2 标准控件,4.3 验证控件,4.4 用户控件,4.5 第三方控件的使用,4.2.1 Label控件,1使用说明,静态,动态,+,显示的信息,2属性、事件、方法,Label控件常用的属性只有一个Text，其功能是在在label标签

7、控件中显示文本内容， 或取得标签上的文本。,3应用范例,操作步骤如下：,（1）启动Visual Studio 2008,在菜单上依次单击【文件】【新建】【网站】【ASP.NET 网站】，流程如图3-3所示；,图 4-5 新建文件流程（以下实例与此相同，不再獒述）,（2）在工具箱上拖曳标签图标Label、按钮图标Button至设计窗口； （3）双击按钮图标，输入表4-6代码；,表4-6 标签控件实例程序代码及解释,（4）按下CTRL+F5运行程序，得到如下程序界面,图 4-6 Label标签实例,4.2.2 TextBox控件,1使用说明,文本框控件是最常用的控件之一，从工具箱“标准”选项卡中，

8、通过鼠标拖放或双击 操作，添加对象。,2属性、事件、方法 TextBox常用的属性如表4-7所示。,表47 TextBox常用属性,3应用范例,系统登录对话框操作步骤如下：,（1）在工具箱上拖曳标签图标Label、文本框图标TextBox、按钮图标Button至设计窗口； （2）双击按钮图标，输入表4-8代码；,表4-8 TextBox实例程序代码与解释,（2）按下CTRL+F5运行程序，得到如下程序界面,图 4-8 TextBox标签实例,4.2.3 Button、LinkButton和ImageButton控件,1使用说明,Button是标准按钮控件，LinkButton和ImageBut

9、ton则是另外两种形式的按钮控件，与Button的用法基本相同。LinkButton 控件是一个超文本按钮，它的功能与Button控件相同，在外观上表现为超链接形式，但不会在客户端显示出链接地址。ImageButton控件是一个可以用来显示图片的按钮，它的功能与Button控件相同，在外观上呈现为图片形式，可作为地图控件使用。,2属性、事件、方法,三种按钮控件常用的属性如表4-9所示。 表4-9 三种按钮控件常用属性,3应用范例,表4-9是按钮控件的应用实例，操作步骤如下： （1）在工具箱上拖拽标签图标Button、按钮图标Button至设计窗口； （2）双击按钮button1图标，输入如下代

10、码：,ScriptManager.RegisterStartupScript(this, this.GetType(), “, “alert(您点击了按钮);“, true);,（3）按下CTRL+F5运行程序，得到如下程序界面,4.2.4 BulletedList控件,1. 使用说明,在BulletedList控件中添加项目集合的方法主要有以下四种： （1）通过BulletedList控件的智能标签的配置数据源选项与数据源绑定，显示数据列表； （2）通过Bulleted List控件的智能标签中的编辑项选项，逐个添加项目； （3）在.aspx文件中利用标签中编写代码添加； （4）在程序执行过

11、程中，通过程序代码动态添加。,2. 属性、事件和方法,BulletedList控件常用的属性如下表所示：表5-1 BulletedList控件的重要属性,3. 应用举例,标签的典型应用案例 操作步骤如下：,（1）在工具箱上拖曳控件BulletedList、按钮Button至设计窗口；将ButtletdList 的BulletStyle属性设置为“Numbered”DisplayMode属性设置为“LinkButton”，并 为其添加三个选项：语言一、语言二、语言三。 （2）双击按钮bulletedList1，输入表5-1代码；,表5-1 BulletedList控件实例程序代码及解释,（3）按

12、下CTRL+F5运行程序，得到如下程序界面,图 5-1 BulletedList控件实例,4.2.5 CheckBox与CheckBoxList控件,1使用说明,CheckBox控件即复选框控件,CheckBoxList控件是一组被封装到一起的CheckBox 控件集合。位于同一个CheckBoxList中的复选框允许同时选中几个或全部选项。,2. 属性、事件和方法 CheckBox控件的属性如表5-2所示：,表5-2 CheckBox控件的常用属性,CheckBoxList控件的属性如表5-3所示：,表5 - 3 CheckBoxList控件的属性,3. 应用范例,表3-12是标签的是一个C

13、heckBoxList实例的部分代码,该部分代码展示了 CheckBoxList控件的一些重要属性的使用方法，操作步骤如下： （1）在工具箱上拖曳CheckBoxList控件、Button控件至设计窗口； （2）双击按钮Button1，输入表5-4代码；,表5 - 4 CheckBoxList控件实例程序代码及解释,（3）按下CTRL+F5运行程序，得到如下程序界面,点击,点击,图 5-4 CheckBox标签实例,4.2.6 RadioButton 与RadioButtonList控件,1使用说明,RadioButton为一个单选按钮。RadioButtonList控件呈现为一组互相排斥的单

14、 选按钮。每个单选按钮可以被选中或不选中，在任一时刻，只有一个单选按钮被选 中，RadioButtonList控件常用来显示一个来自数据库或集合的单选按钮。,2属性、事件、方法,RadioButton与RadioButtonList控件的属性、事件和方法与CheckBox和CheckBoxList控件基本相同，在此不再详述。,3. 应用范例,表4-12是一个RadioButton实例的部分代码,该部分代码展示了RadioButton控件 的一些重要属性的使用方法，操作步骤如下：（1）在工具箱上拖曳三个RadioButton控件、一个按钮Button控件和标签Lable控件至 设计窗口；（2）双

15、击按钮图标，输入表5-5代码；,表5 - 5 RadioButton控件实例程序代码及解释,（3）按下CTRL+F5运行程序，得到如下程序界面,图 5-5 RadioButton 控件应用实例,4.2.7 DropDownList控件,1. 使用说明,DropDownLis下拉列框控件，该控件类似于ListBox控件。不同之处在于它只在框中显示选定项，同时还显示下拉按钮。当用户单击此按钮时，将显示项的列表。,2. 属性、事件和方法,下拉列表框的常用属性除包括BorderColor、BorderStyle和BorderWidth分别表示 控件的边框颜色、样式和宽度之外，还包括下面表5-6所示的重

16、要属性：,表5 - 6 DropDownList控件的属性,3. 应用范例,下面是使用DropDownList控件创建下拉列表框的应用实例，当用户从下拉列表中 选择某项时将触发SelectedIndexChanged事件，将选中项内容在标签中显示。在设计 窗口中创建DropDownList控件，并如图5-7所示添加列表项。,图 5-7 DropDownList控件操作,双击下拉列表框DropDownList1,进入其SelectedIndexChanged事件代码编写界面， 编写如下代码，程序执行时的运行效果如图5-8所示。,4.2.8 ListBox控件,1. 使用说明,2. 属性、事件和方法,ListBox控件也具有和DropDownList控件相同含义的BorderColor、BorderStyle 和BorderWidth属性，此外其还具有表5-9所示的属性:,表5 -9 LisBoxt控件的重要属性,3. 应用范例,下面是使用ListBox控件创建下拉列表框的应用实例，当用户从列表中选择某个或多 个项时将触发SelectedIndexChanged事件，将选中项内容在标签中显示。具体步骤如下：（1）在设计窗口中创建ListBox控件和一个Label空间，设置ListBox的SelectionMode 属性为Multiple，并如图5-9所示添加列表项。,