ConfirmButton是一个捕获按钮点击事件的扩展控件(或者按钮类型的事件,例如:LinkButton,ImageButton等)。在按钮的事件被执行前先确认是否要继续,它会弹出一个确认对话框。
图2.1确认对话框
如果点击“确定”按钮,将会执行原按钮事件,如果点击取消,将不会执行。这对于删除或者其他操作需要确认提示的,是非常有用的。
声明ConfirmButton扩展控件的语法如下:
<cc1: cc1:ConfirmButtonExtender ID="delBtn_ConfirmButtonExtender" runat="server
ConfirmText="你确定删除么" Enabled="True" OnClientCancel="CancelClick"
TargetControlID="delBtn">
cc1:ConfirmButtonExtender>
注意:ConfirmButton只是针对按钮类控件的。
ConfirmButton包含三个常用属性:ConfirmText,TargetControlID,OnClientCancel。具体说明如表2-1所示:
ConfirmText | 确认对话框中提示信息 |
TargetControlID | 需要显示确认信息的按钮ID值 |
OnClientCancel | 点“取消”时执行的事件,为空时不执行。 |
ConfirmButton指定为delBtn按钮控件(TargetControlID属性指定的控件)弹出确认对话框。在下述代码实例中,演示了两种弹出确认话框形式。
第一种形式
1. 双击工具箱中的“ScriptManager”在ConfirmButton.aspx中添加ScriptManager。
2. 添加一个Button,一个Label,ID分别为delBtn,Label1。
@ Page Language="C#" AutoEventWireup="true" CodeFile="ConfirmButton.aspx.cs" Inherits="ConfirmButton" %>
@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>ConfirmButtontitle>
head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
asp:ScriptManager>
div>
<asp:Button ID="delBtn" runat="server" Text="删除" onclick="delBtn_Click" />
<cc1:ConfirmButtonExtender ID="delBtn_ConfirmButtonExtender" runat="server"
ConfirmText="你确定要删除么?" Enabled="True" TargetControlID="delBtn">
cc1:ConfirmButtonExtender>
<p>
<asp:Label ID="Label1" runat="server" style="font-weight: 700">asp:Label>
p>
form>
body>
html>
3. 后台ConfirmButton.aspx.cs代码为
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
public partial class ConfirmButton : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void delBtn_Click(object sender, EventArgs e)
{
Label1.Text = "你执行了删除操作";
}
}
4. 按F5运行测试,点“删除”按钮弹出确认对话框。点“确定”,执行delBtn按钮事件。
图2.2 图2.3
第二种形式:
1. 在ConfirmButton.aspx原来代码中做相应修改,加入OnClientCancel="CandelButton"属性
<cc1:ConfirmButtonExtender ID="delBtn_ConfirmButtonExtender" runat="server"
ConfirmText="你确定要删除么?" OnClientCancel="CandelButton" Enabled="True" TargetControlID="delBtn">
cc1:ConfirmButtonExtender>
2. 在
中间加入:<head runat="server">
<title>ConfirmButtontitle>
<script type="text/javascript">
function CandelButton()
{
alert('你按了取消按钮!');
}
script>
head>
3. 按F5键测试,点“删除”按钮弹出确认对话框。点“取消”,执行用户自定义事件。
图2.4 图2.5
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/12639172/viewspace-609987/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/12639172/viewspace-609987/