DOT NET SOLUTIONS: Ajax ConfirmButtonExtender in asp.net

Friday 6 December 2013

Ajax ConfirmButtonExtender in asp.net

Output:

Aspx Page

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!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></title>

    <script type='text/javascript'>

        function cancelClick() {

            var label = $get('ctl00_SampleContent_Label1');

            label.innerHTML = 'You hit cancel in the Confirm dialog on ' + (new Date()).localeFormat("T") + '.';

        }

</script>

</head>

<body>

    <form id="form1" runat="server">

    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

    </asp:ToolkitScriptManager>

    <div>

   <%-- <asp:UpdatePanel ID="UpdatePanel1" runat="server">

            <ContentTemplate>--%>

                <center>

                    <br /><br /><br /><br /><br /><br /><br /><br /><br />

                    <asp:LinkButton ID="LinkButton" runat="server" OnClick="Button_Click">Click Me</asp:LinkButton>

                    <asp:ConfirmButtonExtender ID="ConfirmButtonExtender1" runat="server"

                        TargetControlID="LinkButton"

                        ConfirmText="Are you sure you want to click the LinkButton?"

                        OnClientCancel="cancelClick" />

                    <br />

                    <br />

                    <asp:Button ID="Button" runat="server" Text="Click Me" OnClick="Button_Click" /><br />



                    <asp:ConfirmButtonExtender

ID="ConfirmButtonExtender2"

runat="server"

                        TargetControlID="Button"

                        OnClientCancel="cancelClick"

                        DisplayModalPopupID="ModalPopupExtender1" />

                    <br />

                    <asp:ModalPopupExtender

ID="ModalPopupExtender1"

runat="server"

TargetControlID="Button"

PopupControlID="PNL"

OkControlID="ButtonOk"

CancelControlID="ButtonCancel"

BackgroundCssClass="modalBackground" />

  <asp:Panel ID="PNL" runat="server" style="display:none; width:200px;

background-color:White;border-width:2px; border-color:Black;

border-style:solid; padding:20px;">

                        Are you sure you want to click the Button?

                        <br /><br />

                        <div style="text-align:right;">

                            <asp:Button ID="ButtonOk" runat="server" Text="OK" />

                            <asp:Button ID="ButtonCancel" runat="server" Text="Cancel" />

                        </div>

                    </asp:Panel>



                <asp:Label ID="Label1" runat="server" />

                </center>

          <%-- </ContentTemplate>

        </asp:UpdatePanel>--%>

    </div>



    </form>

</body>

</html>

Aspx.cs Page

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class Default4 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button_Click(object sender, EventArgs e)

{

Response.Write("Testing Click");

}

}

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)