• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >ASP.NET > ASP.NET 中 Button、LinkButton和ImageButton 三种控件的使用详解

ASP.NET 中 Button、LinkButton和ImageButton 三种控件的使用详解

作者:dodream 字体:[增加 减小] 来源:互联网 时间:2017-05-11

dodream通过本文主要向大家介绍了asp.net,asp net培训,asp和asp.net的区别,零基础学asp.net,c#和asp.net的区别等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

ASP.NET Framework包含三个用于向服务器端提交表单的控件:Button、LinkButton和ImageButton。这三个控件拥有同样的功能,但每种控件的外观界面不同。

本文就带着大家学习如何在页面中使用这三种控件。然后,学习如何关联客户端脚本和服务器端Button控件,以及如何使用Button控件把一个表单传到不是当前页的页面。最后,学习如何处理Button控件的Command事件。

一、使用Button控件

Button控件用来向服务器端提交表单的按钮。例如,代码清单1中的页面包含一个Button控件。点击这个Button控件,则更新由Label控件显示的时间(见图1)。

代码清单1  ShowButton.aspx

<form id="form1" runat="server">
<div>
    <asp:Button id="btnSubmit" Text="Submit" OnClick="btnSubmit_Click" Runat="server" /> <br /><br />
    <asp:Label id="lblTime" Runat="server" />
</div>
</form>
</div>

图1  显示Button控件

Button控件支持下列属性(不完全列表):

·AccessKey——指定一个导向Button控件的键。
·CommandArgument——用于指定传给Command事件的命令参数。
·CommandName——指定传给Command事件的命令名。
·Enable——用于禁用该Button控件。
·OnClientClick——指定点击按钮时执行的客户端脚本。
·PostBackUrl——用于设置将表单传给某个页面。
·TabIndex——设置Button控件的Tab顺序。
·Text——用于标注Button控件。
·UseSubmitBehavior——用于使用JavaScript回传表单。

Button控件支持下面的方法:

·Focus()——用于把初始表单焦点设为该Button控件。

Button控件还支持下面两个事件:

·Click——点击Button控件时引发。
·Command——点击Button控件时引发。CommandName和CommandArgument传给这个事件。

二、使用LinkButton控件

LinkButton控件象Button控件一样,用于把表单回传给服务器端。但是,不像Button控件生成一个按钮,LinkButton控件生成一个链接。

代码清单2包含了一个简单的表单。这个表单包含一个LinkButton控件,用于向服务器端提交表单并显示表单字段的内容(见图2)。

代码清单2  ShowLinkButton.aspx

<form id="form1" runat="server">
<div>
    <asp:Label id="lblFirstName" Text="First Name:" AssociatedControlID="txtFirstName" Runat="server" /> <br />
    <asp:TextBox id="txtFirstName" Runat="server" /><br /><br />
    <asp:Label id="lblLastName" Text="Last Name:" AssociatedControlID="txtLastName" Runat="server" /><br />
    <asp:TextBox id="txtLastName" Runat="server" /><br /><br />
    <asp:LinkButton id="lnkSubmit" Text="Submit" OnClick="lnkSubmit_Click" Runat="server" /><br /><br />
    <asp:Label id="lblResults" Runat="server" />
</div>
</form>
</div>

图2 显示LinkButton控件

在后台,LinkButton控件使用JavaScript把表单传回服务器端。LinkButton控件生成这样的超链接:

<a id="lnkSubmit" href="javascript:__doPostBack('lnkSubmit','')">Submit</a>
</div>

点击LinkButton调用把表单传回服务器端的JavaScript _doPostBack()方法。当提交表单时,所有表单字段的值也被传回给服务器端。

LinkButton控件支持下列属性(不完全列表):

·AccessKey——指定一个导向LinkButton控件的键。
·CommandArgument——用于指定传给Command事件的命令参数。
·CommandName——指定传给Command事件的命令名。
·Enable——用于禁用该LinkButton。
·OnClientClick——指定点击LinkButton时执行的客户端脚本。
·PostBackUrl——用于设置将表单传给某个页面。
·TabIndex——设置LinkButton控件的Tab顺序。
·Text——用于标注LinkButton控件。

Button控件支持下面的方法:

·Focus()——用于把初始表单焦点设为该LinkButton控件。

Button控件还支持下面两个事件:

·Click——点击LinkButton控件时引发。
·Command——点击LinkButton控件时引发。CommandName和CommandArgument传给这个事件。

三、使用ImageButton控件

ImageButton控件类似Button和LinkButton控件,用于把表单传回服务器端。只是ImageButton控件总是显示图片。

代码清单3 中的页面包含一个ImageButton控件,它把一个简单的表单传回服务器端(见图3)。

代码清单3  ShowImageButton.aspx

<form id="form1" runat="server">
<div>
    <asp:Label id="lblFirstName" Text="First Name:" AssociatedControlID="txtFirstName" Runat="server" /><br />
    <asp:TextBox id="txtFirstName" Runat="server" /><br /><br />
    <asp:Label id="lblLastName" Text="Last Name:" AssociatedControlID="txtLastName" Runat="server" /><br />
    <asp:TextBox id="txtLastName" Runat="server" /><br /><br />
    <asp:ImageButton id="btnSubmit" ImageUrl="Submit.gif" AlternateText="Submit Form" Runat="server" OnClick="btnSubmit_Click" /><br /><br />
    <asp:Label id="lblResults" Runat="server" />
</div>
</form>
</div>

图3显示ImageButton控件

代码清单3中的ImageButton控件包含ImageUrl属性和AlternateText属性。ImageUrl属性包含ImageButton控件显示的图片的路径。AlternateText属性用于在只显示文本的浏览器中提供图片的替代文本。

注解:辅助功能标准要求每一幅图片都包含替代文本。此外,要记住有些用户会关闭浏览器的图片功能,以获得更快的网上冲浪体验。

注意,ImageButton控件的Click事件处理程序不同于其他两个按钮控件。传递给事件处理程序的第二个参数是ImageClickEventArgs类的实例。此类有下面两个属性:

X——用户点击图片时的X坐标。

Y——用户点击图片时的Y坐标。

可以使用ImageButton控件创建简单的图像映射。代码清单4中的页面包含一个显示一个靶子图片的ImageButton控件。点击靶子的中央,就会显示一个成功信息(见图4)。

代码清单4  ImageButtonTarget.aspx

<form id="form1" runat="server">
<div>
    <asp:ImageButton id="btnTar

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Asp.net SignalR 应用并实现群聊功能 开源代码
  • asp.net动态更新
  • asp.net利用母版制作页脚效果
  • Asp.Net服务器发送HTTP标头后无法设置内容类型的问题解决
  • 使用asp.net mvc,boostrap及knockout.js开发微信自定义菜单编辑工具(推荐)
  • 详解ASP.NET MVC 常用扩展点:过滤器、模型绑定
  • ASP.NET Core发送邮件的方法
  • 在ASP.NET Core 中发送邮件的实现方法(必看篇)
  • ASP.NET MVC从视图传参到控制器的几种形式
  • Asp.net core WebApi 使用Swagger生成帮助页实例

相关文章

  • 2017-05-11ASP.NET缓存管理的几种方法
  • 2017-05-11.net开发中批量删除记录时实现全选功能的具体方法
  • 2018-08-20浅谈ASP.NET Core 2.0 布局页面(译)
  • 2018-08-20详解Asp.Net Core 2.1+的视图缓存(响应缓存)
  • 2017-05-11.net实现网站用户登录认证
  • 2017-05-11asp.net cookie清除的代码
  • 2017-05-11Visual Studio 2017设置版权的方法
  • 2017-05-11Asp.Mvc 2.0用户客户端验证实例讲解(3)
  • 2017-05-11无法将类型为“System.Web.UI.WebControls.HiddenField”的对象强制转换为类型的错误的解决
  • 2017-05-11ASP.NET检测到不安全 Request.Form 值解决方案汇总

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Asp.net实时显示文本框字数实现代码
    • ASP.NET DropDownList控件的使用方法
    • asp.net CheckBoxList各项最小宽度CSS样式(兼容性good)
    • ASP.NET中repeater控件用法实例
    • 在ASP.NET 2.0中操作数据之七十三:用Managed Code创建存储过程和用户自定义函数(上部分)
    • 引用母版页后在page页面修改母版页控件的值的方法
    • 实现onmouseover和onmouseout应用于RadioButtonList或CheckBoxList控件上
    • .net非托管资源的回收方法
    • asp.net使用ODP即oracle连接方式的的防注入登录验证程序
    • .NET实现XML与DataTable互转的实例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有