ASP.NET中的Image和ImageButton控件

最新推荐文章于 2024-05-12 20:28:22 发布

转载最新推荐文章于 2024-05-12 20:28:22 发布 · 579 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/chen0723/p/3627895.html

本文详细介绍了ASP.NET中ImageButton控件的属性、事件及使用示例，并对比了ImageButton与Image控件的区别。

属性	描述	.NET
CausesValidation	规定在 ImageButton 控件被点击时，是否验证页面。	1.0
CommandArgument	有关要执行的命令的附加信息。	1.0
CommandName	与 Command 事件相关的命令。	1.0
GenerateEmptyAlternateText	规定该控件是否创建空字符串作为替代文本。	2.0
OnClientClick	当图像被点击时要执行的函数的名称。	2.0
PostBackUrl	当 ImageButton 被点击时，从当前页面进行回传的目标页面的 URL。	2.0
runat	规定该控件是一个服务器控件。必须被设置为 "server"。	1.0
TagKey		1.0
ValidationGroup	当 ImageButton 回传服务器时，该 ImageButton 控件引起验证所针对的控件组。	2.0

注释：Image 控件的属性也能够用在 ImageButton 控件上。

ImageButton

在本例中，我们在 .aspx 文件中声明了一个 ImageButton 控件和一个 Label 控件。在用户点击此图像时，会执行 subroutine 子例程。这个子例程会把消息 "Coordinates: " 以及单击的 x 和 y 坐标发送到 Label 控件。

1．属性

Image控件的常用属性及说明如表1所示。

表1 Image控件常用属性及说明

属性	说明
ID	控件ID
ImageAlign	获取或设置Image控件相对于网页上其他元素的对齐方式
ImageUrl	获取或设置在Image控件中显示的图像的位置
Width	控件的宽度
Visible	控件是否可见
CssClass	控件呈现的样式
BackColor	控件的背景颜色
Enabled	控件是否可用

Image控件的大部分属性和Label控件类似，在此主要讲解一下其ImageUrl属性设置。

ImageUrl属性用来获取Image控件中要显示图像的地址，在设置该属性时，单击ImageUrl属性文本框后面的图标按钮，弹出一个如图1所示的“选择图像”对话框，用户可以选择要显示的图像。

图1 “选择图像”对话框

Image控件常用事件同Label控件类似，具体请参见Label控件常用事件。

示例：

Image控件示例

下面示例主要通过设置Image控件的ImageUrl属性在该控件上显示链接图片。新建一个网站，默认主页为Default.aspx，在Default.aspx页面上添加一个Image控件，其属性设置如表2所示。

Image、ImageButton和ImageMap控件的区别：

Image仅仅是图片控件，展示图片所用，对应HTML的<img />
ImageButton是一个图片按钮，具有按钮的功能，对应HTML的<input type="image" />

转载于:https://www.cnblogs.com/chen0723/p/3627895.html