Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)qq
published in(发表于) 2014/7/9 1:37:39
asp.net2.0服务器控件之ImageButton控件

asp.net2.0服务器控件之ImageButton控件

ImageButton控件

1.功能

使用ImageButton控件显示对单击鼠标作出响应的图像。它是实现与按钮功能相同的图像控件。

2.属性

ImageButton控件常用属性及描述如表1所示。



表1 ImageButton控件常用属性及描述

(1)ImageUrl属性。在属性获取或设置在ImageButton控件中显示的图像的位置。

语法:

object.ImageUrl[= string]

参数说明如下。

object:对象表达式。

string:用来指定ImageButton控件显示图像的URL。

* 说明:可以使用相对URL或绝对URL。相对URL使图像的位置与网页的位置相关联,而不指定服务器上的完整路径。该路径相对于网页的位置。由于不必更新代码,这使得将整个站点移动到服务器上的其他目录变得更加容易。绝对 URL 提供完整路径,因此将站点移到其他目录时需要更新代码。

(2)AlternateText属性。该属性指定在ImageUrl属性中指定的图像不可用时ImageButton控件中显示的文本。

语法:

object.AlternateText[= string]

参数说明如下。

object:对象表达式。

string:用来指定ImageButton控件指定的图像不可用时显示的文本。

3.方法

ImageButton控件常用方法同Label控件类似,请参见Label控件常用方法。

4.事件

ImageButton控件常用事件及描述如表2所示。



表2 ImageButton控件常用事件及描述

当用户单击ImageButton控件时将会触发该控件的 Click 事件。

* 示例

ImageButton控件Click事件的使用

本示例演示显示用户在图像中所单击位置的坐标。首先将ImageButton控件的ID属性设为ibtnTest,然后将ImageURL设为“~/165.gif”。程序代码如下:

protected void ibtnTest_Click(object sender, ImageClickEventArgs e)

{

string X = e.X.ToString();

string Y = e.Y.ToString();

this.Label1.Text = "X坐标:" + X + ",Y坐标:" + Y + "";

}

运行结果如图1所示。



图1 ImageButton控件的Click事件示例结果图

完整程序代码如下:

★ ★★★★ImageButtonTest.aspx代码文件完整程序代码★★★★★

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ImageButtonTest.aspx.cs" Inherits="ImageButtonTest" %>







ImageButtonTest









&nbsp;



























★ ★★★★ImageButtonTest.aspx.cs代码文件完整程序代码★★★★★

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class ImageButtonTest : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void ibtnTest_Click(object sender, ImageClickEventArgs e)

{

string X = e.X.ToString();

string Y = e.Y.ToString();

this.Label1.Text = "X坐标:" + X + ",Y坐标:" + Y + "";


If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)





QQ:154298438
QQ:417480759