《NET》课件第3章 ASP.NET Web窗体和服务器控件.ppt

1、Web窗体和服务器控件概述文本服务器控件按钮服务器控件图像服务器控件选择服务器控件列表服务器控件容器服务器控件增强控件2024-7-61任务目标了解Web窗体了解Web服务器控件的共有属性2024-7-62nWebWeb窗体的共有属性窗体的共有属性AccesskeyAccesskey属性属性BackColorBackColor和和ForeColorForeColor属属性性边框属性边框属性EnableEnable属性属性FontFont属性属性TabIndexTabIndex属属性性ToolTipToolTip属性属性2024-7-63n任务目标了解Label控件的基本属性和使用了解Liter

2、al控件的基本属性和使用了解TextBox控件的基本属性和使用了解HyperLink控件的基本属性和使用2024-7-64nLabel控件一般用来给文本框、列表框、组合框等控件添加描述性的文字，或给窗体添加说明文字，或用来显示处理结果等信息。Label控件的语法格式如下：2024-7-65nLiteral控件当要以编程方式设置文本而不添加额外的 HTML 标记时，可以向页面添加Literal控件。当要向页面动态添加文本而不添加任何不属于该动态文本的元素时，Literal控件非常有用。Literal控件的语法格式如下：2024-7-66nTextBox控件TextBox控件用于让用户在Web页面

3、中输入文本信息2024-7-67属性/事件名属性/事件取值功能说明AutoPostBack属性True/False设置是否允许自动回传事件到服务器Columns属性数字设置可显示的最大列数MaxLength属性数字设置最多可输入字符数Rows属性数字设置可显示的最大行数TextMode属性Single/MutilLine/Password单行/多行/密码显示Text属性字符串确定文本框的值Wrap属性True/False确定是否允许自动换行OnTextChanged事件当内部文本发生变化时可触发的事件TextBox常用属性和事件nHyperLink控件HyperLink控件用于创建超链接，相当

4、于HTML元素的标注2024-7-68属性/事件名属性/事件取值功能说明Text属性字符串设置超链接文本ImageURL属性URL字符串当用一个图像链接时，设置图像所在位置NavigateURL属性URL字符串设置要链接的网址Target属性字符串设置链接内容显示方式HyperLink控件常用属性n任务目标任务目标了解button按钮控件的基本属性和使用了解LinkButton控件的基本属性和使用了解ImageButton控件的基本属性和使用2024-7-69nButton控件Button控件是一种常用的单击按钮传递信息的方式，能够把页面信息返回到服务器2024-7-610属性/事件名属性/事

5、件取值功能说明Text属性字符串表示在按钮上显示文本CommandName属性字符串用于获取或设置Button按钮将要触发事件的名称，当有多个按钮共享一个时间处理函数时，通过CommandName来区分要执行哪个Button事件CommandArgument属性字符串用于指示命令传递的参数，提供有关要执行的命令的附加信息以便于在事件中进行判断CauseValidation属性True/False当用户单击按钮时要执行的事件处理方法Button控件的主要属性nbutton按钮的使用任务情景描述任务情景描述 页面上存放一个button按钮，没有点击按钮时候显示没有单击确定按钮，点击之后显示点击了确

6、定按钮。2024-7-611图3-3 点击按钮前 图3-4点击按钮后n制作登录页面任务情景描述任务情景描述 本实例主要设计学生管理系统的用户登录页面2024-7-612图3-5 用户登录界面n ImageButton控件ImageButton控件是一个图片形式的按钮其功能与普通控件（Button）类似ImageButton控件是以图片作为按钮外观与Image相似，功能与Button相同。2024-7-613n任务目标任务目标了解Image控件的基本属性和用法了解ImageMap控件的基本属性和用法2024-7-614n Image Image控件控件Image 控件是用于显示图像的，相当于HT

7、ML标记语言中的标记。Image控件在Visual Studio.NET 2005的工具箱的“标准”选项卡中形如 2024-7-615n图片浏览页面任务情景描述任务情景描述 很多网站都具备图片浏览功能，有的网站通过幻灯片的方式来浏览图片，有的通过Flash动画来浏览图片。本实例通过动态添加超级链接控件，并连接到需要浏览的图片来实现图片的浏览功能。2024-7-616图3-7图像显示页面效果n制作站点地图页面任务情景描述任务情景描述 利用本节图像服务器空间的而只是来实现一个简易的网站地图导航。要做一个网站地图导航，首先就要设计一个网站的地图，这个地图可以是任何格式的图像文件，可以使用ImageM

8、ap控件实现在图像上单击某一区域可浏览相应的网页。2024-7-617图3-9 站点地图页面效果n选择服务器控件任务目标任务目标 了解CheckBox控件、CheckBoxList控件的基本属性和用法 了解RaidoButton控件、RadioButtonList控件的基本属性和用法2024-7-618n CheckBox控件 CheckBox控件用于Web窗体中创建复选框允许用户在true和false之间切换提供用户从选项中进行多项选择的功能。2024-7-619属性/事件名属性/事件名取值功能说明AutoPostBack属性True/false当该值为True是且用户选择改变时触发服务器的

9、OnCheckedChanged事件Text属性字符串设置选项的文本TextAlign属性Right/Left设置显示文本的对齐方式Checked属性True/false确定复选框是否选中OnCheckedChanged属性处理事件的方法名当复选框发生变化时可触发的事件处理方法表3-9 CheckBox常用属性和事件nCheckBoxListCheckBoxList控件控件CheckBoxList是一个CheckBox控件组是一个CheckBox的集合当需要显示CheckBox控件并对所有控件都要相似的处理方式时，使用该控件比较方便2024-7-620属性/事件名属性/事件取值功能说明Auto

10、PostBack属性True/False当 该 值 为 T r u e 是 且 用 户 选 择 改 变 时 触 发 服 务 器 的OnCheckedChanged事件CellPadding属性整数设置各选项之间的距离DataSource属性数据源对象设置选项数据源的对象DataTextField属性数据字段对象设置与数据源相关的数据字段DataValueField属性数据字段值对象设置与数据源相关的数据字段的值RepeatColumns属性整数确定选项分行显示的字段数RepeatDirection属性Vertical/Horizontal确定选项的排列方式是垂直还是水平RepeatLayout

11、属性Flow/Table确定选型的排列方式是平铺还是表格TextAlign属性Right/Left设置文字的对齐方式Checked属性True/False确定复选框是否选中Items属性集合在编码时使用，表示各选项的集合SelectedIndexes属性集合在编码时使用，表示所有已选项的集合SelectedIndex属性整数在编码时使用，用于表示已选项的索引SelectedItem属性对象在编码时使用，用于表示一个被选定的项目SelectedItems属性集合在编码时使用，用于表示所有被选项的集合OnSelectedIndexChanged事件处理事件的方法名当复选框发生变化时可以触发事件的处

12、理方法nRaidoButton控件RadioButton控件是一个用于选择的单选按钮控件RadioButton控件常用属性和事件如下表3-8所示：2024-7-621属性/事件名属性/事件取值功能说明AutoPostBack属性True/False当该值为True时，如何控件的选择发生变 化，就 自 动 触 发 服 务 器 的OnCheckdChanged事件Text属性字符串设置选项的显示文字TextAlign属性Right/Left设置选项的文字的对齐方式Checked属性True/False确定控件是否被选中GroupName属性字符串设置控件所属的组的名称，属于同一组的单选按钮控件在同

13、一时刻只能有一个被选中OnCheckedChanged事件处理事件的方法名设置当选项发生变化时可触发事件的处理程序n RadioButtonList RadioButtonList控件控件 RaidoButtonList控件是一个RadioButton控件组表示多个控件的组合有多个选项需要用户进行单选时，使用该控件十分方便2024-7-622nCheckBoxCheckBox控件控件CheckBox控件用于Web窗体中创建复选框，该复选框允许用户在true和false之间切换，提供用户从选项中进行多项选择的功能。2024-7-623属性/事件名属性/事件名取值功能说明AutoPostBack属

14、性True/false当该值为True是且用户选择改变时触发服务器的OnCheckedChanged事件Text属性字符串设置选项的文本TextAlign属性Right/Left设置显示文本的对齐方式Checked属性True/false确定复选框是否选中OnCheckedChanged属性处理事件的方法名当复选框发生变化时可触发的事件处理方法CheckBox常用属性和事件nCheckBoxList控件CheckBoxList是一个CheckBox控件组是一个CheckBox的集合当需要显示CheckBox控件并对所有控件都要相似的处理方式时，使用该控件比较方便2024-7-624n获取用户的

15、个人爱好任务情景描述任务情景描述 本实例主要是实现使用复选列表控件实现添加个人爱好的功能，效果图如下所示：2024-7-625添加个人爱好页面效果图n任务目标任务目标了解ListBox控件的基本属性和使用了解DropDownList控件的基本属性和使用了解BulletedList控件的基本属性和使用2024-7-626nListBox控件ListBox控件是一个静态列表框，用户可以在该控件中添加一组内容列表，以供访问网页的用户选择其中的一项或多项。2024-7-627属性/事件名属性/事件名取值功能说明AutoPostBack属性True/false当该值为True是且用户选择改变时触发服务器

16、的OnCheckedChanged事件DataSource属性数据源对象设置数据源对象DataTextField属性数据字段对象设置与数据源相关的数据字段DataValueField属性数据字段值对象设置与数据源相关的数据字段的值Rows属性整数设置显示项目的窗口行数Items属性集合在编码时使用，用于表示各个选项的集合SelectedIndex属性整数在编码时使用，用于表示已选项的索引SelectedItem属性对象在编码时使用，用于表示一个被选定的项目SelectedValue属性对象获取ListBox控件中选定的项的值。SelectionMode属性Single/Multiple获取或设置ListBox控件的选定模式 OnSelectedIndexChanged事件处理事件的方法名当复选框发生变化时可触发的事件处理方法n 两个列表框级联任务情景描述任务情景描述 本实例主要实现两个列表框级联，通过选择国家找到对应的地区信息，运行效果如下图所示：2024-7-628图3-11 列表级联效果图nDropDownList控件DropDownList服务器控件是一个下拉列表框控件，该控件与