ITPub博客

首页 > Linux操作系统 > Linux操作系统 > ConfirmButton按钮点击确认控件

ConfirmButton按钮点击确认控件

原创 Linux操作系统 作者:iDotNetSpace 时间:2009-07-23 10:42:06 0 删除 编辑

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包含三个常用属性:ConfirmTextTargetControlIDOnClientCancel。具体说明如表2-1所示:

ConfirmText

确认对话框中提示信息

TargetControlID

需要显示确认信息的按钮ID

OnClientCancel

点“取消”时执行的事件,为空时不执行。

ConfirmButton指定为delBtn按钮控件(TargetControlID属性指定的控件)弹出确认对话框。在下述代码实例中,演示了两种弹出确认话框形式。

第一种形式

1.       双击工具箱中的“ScriptManager”在ConfirmButton.aspx中添加ScriptManager

2.       添加一个Button,一个LabelID分别为delBtnLabel1

<%@ 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-weight700">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/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2008-01-04

  • 博文量
    2376
  • 访问量
    5297481