ASP.NET Button 控件用于显示下压按钮
下压按钮可以是提交按钮或命令按钮。默认地,该控件是提交按钮
提交按钮没有命令名称,在它被点击时它会把网页传回服务器
可以编写事件句柄来控制提交按钮被点击时执行的动作
属性
属性 | 描述 | .NET |
---|---|---|
CausesValidation | 规定当 Button 被点击时是否验证页面 | 1.0 |
CommandArgument | 规定有关要执行的命令的附加信息 | 1.0 |
CommandName | 规定与 Command 事件相关的命令 | 1.0 |
OnClientClick | 规定当按钮被点击时被执行的函数的名称 | 2.0 |
PostBackUrl | 规定当 Button 控件被点击时从当前页面传送数据的目标页面 URL | 2.0 |
runat | 规定该控件是服务器控件。必须设置为 "server" | 1.0 |
Text | 规定按钮上的文本 | 1.0 |
UseSubmitBehavior | 一个值,该值规定按钮使用浏览器的提交机制,还是使用 ASP.NET 的 postback 机制 | 2.0 |
ValidationGroup | 规定当按钮回传服务器时,该按钮所属的那个控件组引发了验证 | 2.0 |
ASP.NET Button CausesValidation 属性
ASP.NET Button CausesValidation 属性规定当 Button 控件被点击时是否验证页面
当按钮被点击时,默认执行页面验证
该属性常用于当取消按钮或重置按钮被点击时阻止进行验证
语法
<asp:Button CausesValidation="TRUE|FALSE" runat="server" />
范例
下面的范例会在按钮被点击时不执行验证
<form runat="server">
<asp:Button id="button1" runat="server" CausesValidation="FALSE" Text="Cancel" />
</form>
ASP.NET Button OnClientClick 属性
ASP.NET Button OnClientClick 属性用于设置当 Button 控件被点击时运行一段客户端脚本
除了预定义的脚本之外,该属性中规定的脚本通过按钮的 "OnClick" 事件来运行
语法
<asp:Button OnClientClick="function" runat="server" />
属性 | 描述 |
---|---|
OnClientClick | 当按钮被点击时运行的客户端脚本 |
范例
下面的范例在 Button 控件被点击时运行两个脚本
<script runat="server">
Sub script1(obj As Object, e As EventArgs)
lblMsg.Text="Hello!"
End Sub
</script>
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<asp:Button OnClick="script1" OnClientClick="script2()"
Text="Click Me" runat="server" />
<br />
<asp:label id="lblMsg" runat="server" />
</form>
<script>
function script2()
{
return confirm('Hello!');
}
</script>
ASP.NET Button PostBackUrl 属性
ASP.NET Button PostBackUrl 属性用于获得或设置在 Button 控件被点击时回传数据的页面的 URL
语法
<asp:Button PostBackUrl="string" runat="server" />
属性 | 描述 |
---|---|
PostBackUrl | 字符串值,规定向其回传数据的页面的 URL 默认是空字符串,如果这么设置,页面会自身进行回传 |
范例
下面的范例设置了 Button 控件的回传 URL
<form runat="server">
Name:<asp:textbox id="TextBox1" runat=Server />
<asp:button id="Button1" Text="Submit" PostBackUrl="demo_postbackurl.aspx" runat="Server" />
</form>
ASP.NET Button Text 属性
ASP.NET Button Text 属性用于设置或返回 Button 控件上的文本
语法
<asp:Button Text="string" runat="server" />
属性 | 描述 |
---|---|
text | 字符串值,规定 Button 控件上的文本 |
范例
下面的范例设置了 Button 控件上的文本
<form runat="server">
<asp:Button id="button1" runat="server" Text="Submit" />
</form>
ASP.NET Button UseSubmitBehavior 属性
ASP.NET Button UseSubmitBehavior 属性规定 Button 控件使用客户端浏览器内建的提交功能,还是使用 ASP.NET 的 postback 机制
如果控件使用浏览器的提交功能,则该属性被设置为 TRUE,否则为 FALSE
默认值是 TRUE
当 UseSubmitBehavior 设置为 FALSE 时,ASP.NET 会添加一段客户端脚本来回传该表单
此时控件开发人员可以使用 GetPostBackEventReference 方法来返回 Button 的客户端 postback 事件
GetPostBackEventReference 方法返回的字符串包含客户端函数调用的文本,可以插入到客户端事件处理程序中
语法
<asp:Button UseSubmitBehavior="TRUE|FALSE" runat="server" />
范例
下面的范例使用 ASP.NET 的 postback 机制
<script runat="server">
Sub SubmitBtn(obj As Object, e As EventArgs)
lblMsg.Text = "Submitted using the ASP.NET postback mechanism."
End Sub
</script>
<form runat="server">
Click the button:
<asp:button id="Button1" runat="server" Text="Submit" onclick="SubmitBtn" UseSubmitBehavior="FALSE" /><br />
<asp:label id="lblMsg" runat="server"/>
</form>
ASP.NET Button ValidationGroup 属性
ASP.NET Button ValidationGroup 属性规定在 Button 控件回发到服务器时要进行验证的控件组
通常在表单中存在多个按钮时使用该属性
语法
<asp:Button ValidationGroup="group" runat="server" />
属性 | 描述 |
---|---|
ValidationGroup | 要验证的控件组 |
范例
下面的范例会验证特定的验证组
<asp:textbox id="tb1" runat=Server />
<asp:requiredfieldvalidator id="ReqField1" controltovalidate="tb1" validationgroup="valGroup1" ErrorMessage="Required" runat="server" />
<asp:button id="Button2" text="Validate" causesvalidation="True" validationgroup="valGroup2" runat="server" />
Web 控件标准属性
- AccessKey
- Attributes
- BackColor
- BorderColor
- BorderStyle
- BorderWidth
- CssClass
- Enabled
- Font
- EnableTheming
- ForeColor
- Height
- IsEnabled
- SkinID
- Style
- TabIndex
- ToolTip
- Width
如果想要查看完整描述,可以访问我们的 Web 控件标准属性
控件标准属性
- AppRelativeTemplateSourceDirectory
- BindingContainer
- ClientID
- Controls
- EnableTheming
- EnableViewState
- ID
- NamingContainer
- Page
- Parent
- Site
- TemplateControl
- TemplateSourceDirectory
- UniqueID
- Visible
如果想要查看完整描述,可以访问我们的 控件标准属性
范例
Button
<script runat="server">
Sub submit(Source As Object, e As EventArgs)
button1.Text="You clicked me!"
End Sub
</script>
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<asp:Button id="button1" Text="Click me!" runat="server" OnClick="submit" />
</form>
范例中,我们在 .aspx 文件中声明了一个提交 Button 控件然后我们创建了一个事件句柄,在 Click 事件发生时可更改按钮上的文本
Button 2
<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")="pointer"
button1.Style("font-family")="verdana"
button1.Style("font-weight")="bold"
button1.Style("font-size")="14pt"
button1.Text="You clicked me!"
End Sub
</script>
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<asp:Button id="button1" Text="Click me!" runat="server" OnClick="submit" />
</form>
范例中,我们在 .aspx 文件中声明了一个提交 Button 控件然后我们创建了一个事件句柄,在 Click 事件发生时可更改按钮的文本和样式