常用服务器控件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2012年11月7日 第28页
.NET环境与程序设计
计算机基础课程
5.2.11 广告控件（AdRotator）
服务器控件提供一种在 网页上显示广告的方法。该控件可 显示.gif文件或其他图形图像。当用户单击广 告时，系统会将他们重定向到指定的目标 URL。 AdRotator 服务器控件可从数据源（通常 是XML文件或数据库表）提供的广告列表中 自动读取广告信息，如图形文件名和目标 URL。
<asp:DropDownList id="控件名称" AutoPostBack="True | False" OnSelectedIndexChanged="改变选择时触发的事件过程" runat="server"> <asp: ListItem Value="选项值1" Selected="True | False"> 选项文字1 </asp: ListItem> <asp: ListItem Value="选项值2" Selected="True | False"> 选项文字2 </asp: ListItem> …… </asp:DropDownList >
<asp:Button id="控件名称" Text="按钮上的文字" CommandArgument="此按钮管理的命令 参数" CommandName="与此按钮关联的命令" OnCommand="事件过程名称" OnClick="事件过程名称" runat="server"/>
2012年11月7日 第14页
2012年11月7日
第4页
.NET环境与程序设计
计算机基础课程
5.1.1 控件的种类
提供了两大类服务器控件：
HTML 服务器控件和Web 服务器控件。 HTML 服务器控件是由 System.Web.UI.HtmlControls类实现的， 它其实就是HTML标记的可编程版本。这部 分控件基本对应了传统的HTML标记，简单 地说，任何 HTML标记都可以通过添加属性 runat="server" 来转换为 HTML 服务器控件
2012年11月7日 第5页
.NET环境与程序设计
计算机基础课程
5.1.1 控件的种类
Web 服务器控件是由System.Web.UI. WebControls类实现的，它并不和HTML标 记一一对应。Web 服务器控件比HTML 服务 器控件具有更多的内置功能。 按照功能区分，Web 服务器控件还可以分 为标准控件、数据控件、验证控件、导航控 件、登录控件、Web parts控件以及其他辅 助安装的自定义控件等。
2012年11月7日 第8页
.NET环境与程序设计
计算机基础课程
5.2.7 RadioButton 和 RadioButtonList 控 件
5.2.8 列表控件（DropDownList和ListBox） 5.2.9 MultiView和View控件 5.2.10文件上传控件（FileUpload） 5.2.11 广告控件（AdRotator） 5.2.12表格控件（Table） 5.2.13 Literal控件和Panel控件
< asp:RadioButton id="控件名称" Checked="True | False"，表示控件是否被 选中 Text="关联文字，为单选按钮创建标签" TextAlign=" True | False"，表示文本标签相对 于控件的对齐方式" GroupName="单选控件所处的组名称"
net环境与程序设计计算机基础课程2012年11月7日第38页forecolor属性指定当验证失败时用于显示错误消息的文本颜色enabled属性指示是否启用验证控件通过将该属性设置为false可以阻止验证控件验证输入控件isvalid属性指示controltovalidate属性所指定的输入控件是否被确定为有效text属性此属性设置后验证失败时会在验证控件中显示此消息
2012年11月7日 第12页
5.2.3 按钮控件（Button，LinkButton， ImageButton）
Button LinkButton
.NET环境与程序设计
计算机基础课程
ImageButton
2012年11月7日
第13页
.NET环境与程序设计
计算机基础课程
Button（按钮）控件
2012年11月7日
第11页
.NET环境与程序设计
计算机基础课程
5.2.2 TextBox（文本框）控件
Wrap="True | False"，表示当控件内容超 过控件宽度时是否自动换行" AutoPostBack=“True | False”，表示在文 本修改以后，是否自动回传数据" OnTextChanged="当文字改变时触发的事 件过程" runat="server" />
2012年11月7日 第9页
.NET环境与程序设计
计算机基础课程
5.2.1标签控件（Label）
使用 Label 控件可以在页面上的固定位置 显示文本。与静态文本不同，可以通过设置 Text 属性来自定义所显示的文本。语法为： <asp:Label id="控件名称" Text="显示的文字" runat="server" />
2012年11月7日
第10页
.NET环境与程序设计
计算机基础课程
5.2.2 TextBox（文本框）控件
语法为： <asp:Textbox id="控件名称" TextMode=" SingleLine | Multiline | Password" Text="显示的文字“ MaxLength="整数，表示输入的最大的字 符数" Rows="整数，当为多行文本时的行数" Columns="整数，当为多行文本时的列数"
2012年11月7日 第25页
.NET环境与程序设计
计算机基础课程
ListBox列表控件
相对于DropDownList控件而言，ListBox 控件可以指定用户是否允许多项选择。
2012年11月7日
第26页
.NET环境与程序设计
计算机基础ห้องสมุดไป่ตู้程
5.2.9 MultiView和View控件
MultiView和View控件可以制作出选项卡的 效果，MultiView控件用作一个或多个View 控件的外部容器。View控件又可包含标记和 控件的任何组合。
计算机基础课程
LinkButton（超链接按钮）控件
语法为： <asp:linkbutton id="控件名称" Text="按钮上的文字" OnClick="事件过程名称" runat="server" />
2012年11月7日
第16页
.NET环境与程序设计
计算机基础课程
5.2.4 HyperLink（超链接）控件
2012年11月7日
第21页
.NET环境与程序设计
计算机基础课程
RadioButtonList控件
在单个RadioButton控件和RadioButtonList控件 之间，事件的工作方式略有不同。 单个RadioButton控件在用户单击该控件时引发 CheckedChanged事件。默认情况下，这一事件并 不导致向服务器发送页面，但通过将 AutoPostBack属性设置为true，可以使该控件强 制立即发送。
2012年11月7日
第2页
.NET环境与程序设计
计算机基础课程
第5章 常用服务器控件
5.1 服务器控件概述 5.2 标准服务器控件 5.3 验证控件 5.4 登录控件 5.5 导航控件
2012年11月7日
第3页
.NET环境与程序设计
计算机基础课程
5.1 服务器控件概述
5.1.1 控件的种类 5.1.2 设置服务器控件属性
第7页
.NET环境与程序设计
计算机基础课程
5.2 标准服务器控件
5.2.1标签控件（Label） 5.2.2 TextBox（文本框）控件 5.2.3 按钮控件（Button，LinkButton， ImageButton） 5.2.4 HyperLink（超链接）控件 5.2.5图像控件（Image） 5.2.6 CheckBox（复选框）和CheckBoxList （复选框列表）控件
这个控件为创建超链接提供了一种简便的方 法。语法为： <asp:HyperLink id="控件名称" Text="显示文字" NavigateUrl="URL地址" Target="目标框架，默认为本框架， _blank为新窗口" runat="server" />
2012年11月7日 第17页
.NET环境与程序设计
.NET环境与程序设计
计算机基础课程
第5章 常用服务器控件
2012年11月7日
第1页
.NET环境与程序设计
计算机基础课程
教学目标
理解什么是控件及控件的属性、事件和方法 掌握基本的标准控件，如标签、文本框、按
钮、单选框、复选框、下拉列表框等 掌握验证控件的使用 掌握登录控件的使用 掌握导航控件的使用
2012年11月7日
第19页
.NET环境与程序设计
计算机基础课程
5.2.7 RadioButton和RadioButtonList 控件
RadioButton RadioButtonList
2012年11月7日
第20页
.NET环境与程序设计
计算机基础课程
RadioButton（单选框）控件
.NET环境与程序设计
计算机基础课程
ImageButton（图像按钮）控件
语法为： <asp:ImageButton id="控件名称" ImageUrl="要显示图像的URL" OnClick="事件过程名称" runat="server" />
2012年11月7日
第15页
.NET环境与程序设计
2012年11月7日 第6页
.NET环境与程序设计
计算机基础课程
5.1.2 设置服务器控件属性
在中，可以通过三种方式来设置
服务器控件的属性。（1）通过“属性”对话 框直接设置；（2）在控件的HTML代码中设 置；（3）通过页面的后台代码以编程的方式 指定控件的属性。
2012年11月7日
2012年11月7日
第22页
.NET环境与程序设计
计算机基础课程
与单个的RadioButton控件相反， RadioButtonList控件在用户更改列表中选定的单 选按钮时会引发SelectedIndexChanged事件。默 认情况下，此事件并不导致向服务器发送窗体，但 可以通过将AutoPostBack属性设置为true来指定 此选项。
计算机基础课程
5.2.5图像控件（Image）
<asp: Image id="控件名称" AlternateText="在图像无法显式时显示的 备用文本" ImageAlign="图像的对齐方式" ImageUrl="要显示图像的URL" runat="server" />
2012年11月7日
第18页
2012年11月7日
第23页
.NET环境与程序设计
计算机基础课程
5.2.8 列表控件（DropDownList和 ListBox）
DropDownList列表控件 ListBox列表控件
2012年11月7日
第24页
.NET环境与程序设计
计算机基础课程
DropDownList列表控件
列表控件能在一个控件中为用户提供多个选项，同时又能 够避免用户输入错误的选项。DropDownList是一个单项选 择下拉列表框控件，语法为：
2012年11月7日
第27页
.NET环境与程序设计
计算机基础课程
5.2.10 文 件 上 传 控 件 （ FileUpload ）
在中，开发环境默认的提供了文件上传控件来简 化文件上传的开发。当开发人员使用文件上传控件时，将会 显示一个文本框，用户可以键入或通过“浏览”按键浏览和 选择希望上传到服务器的文件。 <form id="form1" runat="server"> <div> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="Button1" runat="server" Text="选择好了， 开始上传" /> </div> </form>
.NET环境与程序设计
计算机基础课程
5.2.6 CheckBox（复选框）和 CheckBoxList（复选框列表）控件
< asp:Checkbox id="控件名称" Checked="True | False" Text="关联文字，为复选框创建标签" AutoPostBack="True | False " OnCheckedChanged= "单击触发的事件过程" runat="server" />
.NET环境与程序设计
计算机基础课程
5.2.11 广告控件（AdRotator）
服务器控件提供一种在 网页上显示广告的方法。该控件可 显示.gif文件或其他图形图像。当用户单击广 告时，系统会将他们重定向到指定的目标 URL。 AdRotator 服务器控件可从数据源（通常 是XML文件或数据库表）提供的广告列表中 自动读取广告信息，如图形文件名和目标 URL。
<asp:DropDownList id="控件名称" AutoPostBack="True | False" OnSelectedIndexChanged="改变选择时触发的事件过程" runat="server"> <asp: ListItem Value="选项值1" Selected="True | False"> 选项文字1 </asp: ListItem> <asp: ListItem Value="选项值2" Selected="True | False"> 选项文字2 </asp: ListItem> …… </asp:DropDownList >
<asp:Button id="控件名称" Text="按钮上的文字" CommandArgument="此按钮管理的命令 参数" CommandName="与此按钮关联的命令" OnCommand="事件过程名称" OnClick="事件过程名称" runat="server"/>
2012年11月7日 第14页
2012年11月7日
第4页
.NET环境与程序设计
计算机基础课程
5.1.1 控件的种类
提供了两大类服务器控件：
HTML 服务器控件和Web 服务器控件。 HTML 服务器控件是由 System.Web.UI.HtmlControls类实现的， 它其实就是HTML标记的可编程版本。这部 分控件基本对应了传统的HTML标记，简单 地说，任何 HTML标记都可以通过添加属性 runat="server" 来转换为 HTML 服务器控件
2012年11月7日 第5页
.NET环境与程序设计
计算机基础课程
5.1.1 控件的种类
Web 服务器控件是由System.Web.UI. WebControls类实现的，它并不和HTML标 记一一对应。Web 服务器控件比HTML 服务 器控件具有更多的内置功能。 按照功能区分，Web 服务器控件还可以分 为标准控件、数据控件、验证控件、导航控 件、登录控件、Web parts控件以及其他辅 助安装的自定义控件等。
2012年11月7日 第8页
.NET环境与程序设计
计算机基础课程
5.2.7 RadioButton 和 RadioButtonList 控 件
5.2.8 列表控件（DropDownList和ListBox） 5.2.9 MultiView和View控件 5.2.10文件上传控件（FileUpload） 5.2.11 广告控件（AdRotator） 5.2.12表格控件（Table） 5.2.13 Literal控件和Panel控件
< asp:RadioButton id="控件名称" Checked="True | False"，表示控件是否被 选中 Text="关联文字，为单选按钮创建标签" TextAlign=" True | False"，表示文本标签相对 于控件的对齐方式" GroupName="单选控件所处的组名称"
net环境与程序设计计算机基础课程2012年11月7日第38页forecolor属性指定当验证失败时用于显示错误消息的文本颜色enabled属性指示是否启用验证控件通过将该属性设置为false可以阻止验证控件验证输入控件isvalid属性指示controltovalidate属性所指定的输入控件是否被确定为有效text属性此属性设置后验证失败时会在验证控件中显示此消息
2012年11月7日 第12页
5.2.3 按钮控件（Button，LinkButton， ImageButton）
Button LinkButton
.NET环境与程序设计
计算机基础课程
ImageButton
2012年11月7日
第13页
.NET环境与程序设计
计算机基础课程
Button（按钮）控件
2012年11月7日
第11页
.NET环境与程序设计
计算机基础课程
5.2.2 TextBox（文本框）控件
Wrap="True | False"，表示当控件内容超 过控件宽度时是否自动换行" AutoPostBack=“True | False”，表示在文 本修改以后，是否自动回传数据" OnTextChanged="当文字改变时触发的事 件过程" runat="server" />
2012年11月7日 第9页
.NET环境与程序设计
计算机基础课程
5.2.1标签控件（Label）
使用 Label 控件可以在页面上的固定位置 显示文本。与静态文本不同，可以通过设置 Text 属性来自定义所显示的文本。语法为： <asp:Label id="控件名称" Text="显示的文字" runat="server" />
2012年11月7日
第10页
.NET环境与程序设计
计算机基础课程
5.2.2 TextBox（文本框）控件
语法为： <asp:Textbox id="控件名称" TextMode=" SingleLine | Multiline | Password" Text="显示的文字“ MaxLength="整数，表示输入的最大的字 符数" Rows="整数，当为多行文本时的行数" Columns="整数，当为多行文本时的列数"
2012年11月7日 第25页
.NET环境与程序设计
计算机基础课程
ListBox列表控件
相对于DropDownList控件而言，ListBox 控件可以指定用户是否允许多项选择。
2012年11月7日
第26页
.NET环境与程序设计
计算机基础ห้องสมุดไป่ตู้程
5.2.9 MultiView和View控件
MultiView和View控件可以制作出选项卡的 效果，MultiView控件用作一个或多个View 控件的外部容器。View控件又可包含标记和 控件的任何组合。
计算机基础课程
LinkButton（超链接按钮）控件
语法为： <asp:linkbutton id="控件名称" Text="按钮上的文字" OnClick="事件过程名称" runat="server" />
2012年11月7日
第16页
.NET环境与程序设计
计算机基础课程
5.2.4 HyperLink（超链接）控件
2012年11月7日
第21页
.NET环境与程序设计
计算机基础课程
RadioButtonList控件
在单个RadioButton控件和RadioButtonList控件 之间，事件的工作方式略有不同。 单个RadioButton控件在用户单击该控件时引发 CheckedChanged事件。默认情况下，这一事件并 不导致向服务器发送页面，但通过将 AutoPostBack属性设置为true，可以使该控件强 制立即发送。
2012年11月7日
第2页
.NET环境与程序设计
计算机基础课程
第5章 常用服务器控件
5.1 服务器控件概述 5.2 标准服务器控件 5.3 验证控件 5.4 登录控件 5.5 导航控件
2012年11月7日
第3页
.NET环境与程序设计
计算机基础课程
5.1 服务器控件概述
5.1.1 控件的种类 5.1.2 设置服务器控件属性
第7页
.NET环境与程序设计
计算机基础课程
5.2 标准服务器控件
5.2.1标签控件（Label） 5.2.2 TextBox（文本框）控件 5.2.3 按钮控件（Button，LinkButton， ImageButton） 5.2.4 HyperLink（超链接）控件 5.2.5图像控件（Image） 5.2.6 CheckBox（复选框）和CheckBoxList （复选框列表）控件
这个控件为创建超链接提供了一种简便的方 法。语法为： <asp:HyperLink id="控件名称" Text="显示文字" NavigateUrl="URL地址" Target="目标框架，默认为本框架， _blank为新窗口" runat="server" />
2012年11月7日 第17页
.NET环境与程序设计
.NET环境与程序设计
计算机基础课程
第5章 常用服务器控件
2012年11月7日
第1页
.NET环境与程序设计
计算机基础课程
教学目标
理解什么是控件及控件的属性、事件和方法 掌握基本的标准控件，如标签、文本框、按
钮、单选框、复选框、下拉列表框等 掌握验证控件的使用 掌握登录控件的使用 掌握导航控件的使用
2012年11月7日
第19页
.NET环境与程序设计
计算机基础课程
5.2.7 RadioButton和RadioButtonList 控件
RadioButton RadioButtonList
2012年11月7日
第20页
.NET环境与程序设计
计算机基础课程
RadioButton（单选框）控件
.NET环境与程序设计
计算机基础课程
ImageButton（图像按钮）控件
语法为： <asp:ImageButton id="控件名称" ImageUrl="要显示图像的URL" OnClick="事件过程名称" runat="server" />
2012年11月7日
第15页
.NET环境与程序设计
2012年11月7日 第6页
.NET环境与程序设计
计算机基础课程
5.1.2 设置服务器控件属性
在中，可以通过三种方式来设置
服务器控件的属性。（1）通过“属性”对话 框直接设置；（2）在控件的HTML代码中设 置；（3）通过页面的后台代码以编程的方式 指定控件的属性。
2012年11月7日
2012年11月7日
第22页
.NET环境与程序设计
计算机基础课程
与单个的RadioButton控件相反， RadioButtonList控件在用户更改列表中选定的单 选按钮时会引发SelectedIndexChanged事件。默 认情况下，此事件并不导致向服务器发送窗体，但 可以通过将AutoPostBack属性设置为true来指定 此选项。
计算机基础课程
5.2.5图像控件（Image）
<asp: Image id="控件名称" AlternateText="在图像无法显式时显示的 备用文本" ImageAlign="图像的对齐方式" ImageUrl="要显示图像的URL" runat="server" />
2012年11月7日
第18页
2012年11月7日
第23页
.NET环境与程序设计
计算机基础课程
5.2.8 列表控件（DropDownList和 ListBox）
DropDownList列表控件 ListBox列表控件
2012年11月7日
第24页
.NET环境与程序设计
计算机基础课程
DropDownList列表控件
列表控件能在一个控件中为用户提供多个选项，同时又能 够避免用户输入错误的选项。DropDownList是一个单项选 择下拉列表框控件，语法为：
2012年11月7日
第27页
.NET环境与程序设计
计算机基础课程
5.2.10 文 件 上 传 控 件 （ FileUpload ）
在中，开发环境默认的提供了文件上传控件来简 化文件上传的开发。当开发人员使用文件上传控件时，将会 显示一个文本框，用户可以键入或通过“浏览”按键浏览和 选择希望上传到服务器的文件。 <form id="form1" runat="server"> <div> <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="Button1" runat="server" Text="选择好了， 开始上传" /> </div> </form>
.NET环境与程序设计
计算机基础课程
5.2.6 CheckBox（复选框）和 CheckBoxList（复选框列表）控件
< asp:Checkbox id="控件名称" Checked="True | False" Text="关联文字，为复选框创建标签" AutoPostBack="True | False " OnCheckedChanged= "单击触发的事件过程" runat="server" />