第2章 ASP NET常用服务器标准控件

2．TextBox控件 语法格式如下： <asp:TextBox ID="TextBox1" runat="server" ontextchanged="TextBox1_TextChanged" … > 文本框中显示的文本</asp:TextBox>

【演练2-1】 在文本框中输入用户名，然后单击网页中的 其他地方或按Enter键后显示刚才输入的用户名，如图2-1 所示。
与大多数Web服务器控件不同，当用户单击HyperLink控件 时并不会在服务器代码中触发事件（此控件没有事件）。 此控件只执行导航。使用HyperLink控件的主要优点是可以 在服务器代码中设置链接属性。





下面的示例使用Button控件的Click事件显示在运行时设置 的HyperLink控件的属性，并设置HyperLink控件的链接文 本和目标页。在网页窗体中添加一个HyperLink控件和一个 Button控件，Button控件的Click事件过程代码如下： protected void Button1_Click (object sender, System.EventArgs e) { this.HyperLink1.Text = "Home"; this.HyperLink1.NavigateUrl = "/zh/cn/"; }

【演练2-4】 用Image控件显示图片，单击Button控件切换 图片。在演练2-3设计的网站中添加一个Web窗体 Default_image.aspx，切换到设计视图，在窗体中添加一个 Image控件、一个Label控件、一个Button控件。调整Image 控件到合适大小，设置其ImageUrl属性为 “~/Images/Jellyfish.jpg”。参考演练2-3编写Button控件的 Click事件代码。


2.1.5 选择控件
选择控件的作用是让用户从可选项中选取一个或多个选项 ，包括RadioButton和RadioButtonList控件、CheckBox和 CheckList控件、ListBox和DropDownList控件。 1．RadioButton和RadioButtonList控件 单选按钮Web服务器控件分为两类：RadioButton控件和 RadioButtonList控件。可以使用这些控件定义任意数目的 带标签的单选按钮，并将它们水平或垂直排列。 （1）RadioButton控件 语法格式如下： <asp:RadioButton ID="RadioButton1" runat="server" GroupName="组名" Text="控件旁显示的文字" oncheckedchanged="RadioButton1_CheckedChanged" … />






② 创建图像按钮的单击事件，在设计视图中双击该图像按钮ImageButton1控 件，打开该图像按钮的单击事件过程ImageButton1_Click框架，输入代码： protected void ImageButton1_Click(object sender, ImageClickEventArgs e) { if (flag) { //奇数次单击显示的图片 Label1.Text = "考拉，单击图片切换到另外一张"; ImageButton1.ImageUrl = "~/Images/Koala.jpg"; flag = false; //注意在C#代码中，布尔常量必须是小写，书中印刷错误 } else { //偶数次单击显示的图片 Label1.Text = "企鹅，单击图片切换到另外一张"; ImageButton1.ImageUrl = "~/Images/Penguins.jpg"; flag = true; ; //注意在C#代码中，布尔常量必须是小写，书中印刷错误 } } （4）运行网站 运行Web窗体，第一次显示的网页如图2-5所示。单击图像按钮，显示如图2-6 所示。

（3）编写事件代码 ① 在解决方案资源管理器中，双击Default.aspx.cs打开其窗 口，在所有事件过程外声明窗体级变量，用静态变量保存 单击的奇偶次数，代码为“static bool flag = true;”，如图 2-9所示。奇数次单击为true，偶数次单击为false。



3．LinkButton控件 语法格式如下： <asp:ID="LinkButton1" runat="server" onclick="LinkButton1_Click" … >链接按钮上显示的文本 </asp:LinkButton>



2.1.3 超链接控件
语法格式如下： <asp:HyperLink ID=" HyperLink1" runat="server" …> 链接上显示的文本</asp:HyperLink>


2．ImageButton控件 语法格式如下： <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="图像的URL" onclick="ImageButton1_Click" … />

【演练2-3】 网页第一次显示时显示一个初始图像按钮， 同时显示一行提示，如图2-5所示。单击该图像按钮后，该 图像按钮上显示初始图像后的第一个图像按钮，同时显示 一行提示，如图2-6（a）所示；单击图像按钮显示第二个 图像按钮，如图2-6（b）所示，即实现单击图像按钮交替 显示图2-6（a）、（b）这两张图像。

① 设计页面。新建一个空网站（例如网站“C:\ex2_1”） ，添加一个Web窗体，窗体名为Default.aspx。切换到设计 视图，在Default.aspx中添加一个TextBox控件和一个Label 控件到表格中。设计视图如图2-2所示。





② 设置控件属性。在TextBox1控件的“属性”窗口中，把 AutoPostBack属性值改为true。 ③ 编写事件过程代码。在页面的设计视图中，选中 TextBox1控件，在“属性”窗口中单击“事件”按钮 ，在 事件列表中双击TextChanged事件，如图2-2所示。 打开Default.aspx.cs窗口，在TextBox1控件的TextChanged事 件过程框架中输入以下代码： protected void TextBox1_TextChanged(object sender, EventArgs e) { Label1.Text = "输入的用户名是："+TextBox1.Text; } ④ 运行网站。单击“启用调试”按钮 ， 运行当前Web窗 体，在文本框中输入用户名，然后单击文本框以外的网页 区域，或者按Enter键，显示如图2-1所示。

【演练2-2】 设计一个如图2-3所示的跟帖网页，评论被输 入到一个多行文本框中，单击“发评论”按钮后，将显示 在前面3个文本框中输入的文本。

① 设计页面。新建一个空网站，添加一个Web窗体，切换 到设计视图，在Default.aspx窗体中添加3个TextBox控件、 一个Button控件和一个Label控件，同时添加相关的静态文 字，如图2-4所示。
《数据库网站设计教程（C#版）》 配套教学资源
第2章 常用服 务器标准控件
本章内容：常用服务器标准控件，Web用户控件，网站中资源的路径。 本章重点：Label、TextBox、Button、ImageButton、LinkButton、HyperLink、Image、 RadioButton、RadioButtonList、CheckBox、CheckList、ListBox、DropDownList等控 件。


2.1.2 按钮控件 使用按钮Web服务器控件，用户能够将页发送到服务器中 并触发页上的事件。有3种按钮控件，每种按钮控件在网 页上显示的方式都不同。 1．Button控件 语法格式如下： <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="按钮上显示的文本" … />



2.1.4 图像控件
语法格式如下： <asp:Image ID="Image1" runat="server" ImageUrl="图 像文件的URL" … />
说明：Image控件只显示图像，不支持任何事件。如果需要捕获图像上的鼠 标单击事件，则使用ImageButton控件。 如果在网页运行时不需要更改图像的属性，最好采用静态图像，直接把图像 文件从本网站拖动到页面窗体中，创建的就是静态图像，其语法格式如下： <img alt="替换文本" src="图像文件的URL" style="图像的宽、高样式 " … />


② 在设计视图中选中ImageButton1控件，先把图像按钮设 置为适当大小，然后右击ImageButton1控件，在快捷菜单 中单击“属性”，打开“属性”窗口。在“属性”窗口中 单击ImageUrl属性后的浏览 按钮，显示“选择图像”对话 框，在“Images”文件夹中选择图像按钮上显示的初始图 片文件，这里是水母图片。 ③ 在设计视图中选中Label1控件，在“属性”窗口中把 Text属性值改为“水母，初始图片，单击切换到新图片” 。