当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > Web服务器控件:Button控件

ASP.NET
asp.net图片加水印
Asp.Net中页面运行时动态载入的UserControl内元素的事
ASP.NET底层架构探索之再谈.NET运行时(二)
借助封装类实现线程调用带参方法
面向对象设计思想(C#)
asp.net URL重写(URLRewriter) 简化版
GUID在.net里的使用,就用System.Guid结构
不要忽略c#中的using和as操作符
C#中ref和out的使用小结
C#的Web XML编程
asp.net2.0下 如何实现服务器端压缩包自解压
javascript如何调用C#后台代码中的过程 和ASP.NET调用
在ASP.NET中自动给URL加上超链接
ASP.NET 中处理页面“回退”的方法
ASP.NET的四种错误机制
asp.net跳转页面的三种方法比较
ASP.NET2.0中将GridView导出到Excel文件中
ASP.NET 2.0中GridView无限层复杂表头的实现
ASP.NET 2.0 中动态添加 GridView 模板列
十天学会ASP.net之第一天

ASP.NET 中的 Web服务器控件:Button控件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 52 ::
收藏到网摘: n/a

阅读此文请先查看:ASP.NET入门教程:Web服务器控件,简单讲述了Web服务器控件的使用方法。

定义和用法

Button控件用来显示一个按钮。此按钮可能是提交按钮或是一个命令按钮。默认地,此控件是一个提交按钮。

提交按钮没有命令名,当它被点击的时候它把Web页面投递回服务器。可以编写一个事件句柄来控制提交按钮被点击时将要执行的操作。

命令按钮具有命令名并且允许在一个页面上创建多个按钮控件。可以编写一个事件句柄来控制命令按钮被点击时将要执行的操作。


属性

属性 说明
CausesValidation 默认情况下,当一个按钮控件被点击时页面将被验证。要阻止命令按钮被点击时页面被验证,设置此属性值为"false"
CommandArgument 关于将执行的命令的附加信息
CommandName 与Command事件想关联的命令
id 此控件的唯一id
OnClick 当按钮被点击时将运行的函数的名称
runat S规定此控件是服务器控件。  必须被设置为"server"
Text 按钮上的文本

示例

1、在此示例中我们在一个.aspx文件中声明一个提交按钮控件。然后我们为Click事件创建一个事件句柄来改变按钮上的文本。看到本信息说明你在认真阅读教程,这句话和教程无任何关联,网页教学ruanchen.com只是为了防止采集。

<script  runat="server">
Sub submit(Source As Object, e As EventArgs)
   button1.Text="You clicked me!"
End Sub
</script>


<html>
<body>

<form runat="server">
<asp:Button id="button1" Text="Click me!" runat="server" OnClick="submit"/>
</form>

</body>
</html>

2、在此示例中我们在一个.aspx文件中声明一个提交按钮控件。然后我们为Click事件建立一个事件句柄来改变按钮的文本及样式。

<script  runat="server">
Sub submit(Source As Object, e As EventArgs)
   button1.Style("background-color")="#0000ff"
   button1.Style("color")="#ffffff"
   button1.Style("width")="200px"
   button1.Style("cursor")="hand"
   button1.Style("font-family")="verdana"
   button1.Style("font-weight")="bold"
   button1.Style("font-size")="14pt"
   button1.Text="You clicked me!"
End Sub
</script>


<html>
<body>

<form runat="server">
<asp:Button id="button1" Text="Click me!" runat="server" OnClick="submit"/>
</form>

</body>
</html>