hi Can help me why confirm doest work when call function DeleteClick i using fom popupdo you have solutionthanksltdivgt ltscript type34textjavascript34 src34jssweetalertsweetalertminjs34gtltscriptgt ltlink href34jssweetalertsweetalertmincss34 rel34stylesheet34 type34textcss34gt ltscript type34textjavascript34gt function functionConfirmevent swal

ahmadsubuhanlubis saysPublic Shared Function DeleteClickByVal id As Integer As StringWebMethod accepting parameter idBut you are not passing from AjaxRefer below exampleHTMLltaspScriptManager ID34ScriptManager34 runat34server34gtltaspScriptManagergtltaspUpdatePanel ID34UpdatePanel34 runat34server34gt ltContentTemplategt ltaspButton ID34btnSweetAlert34 runat34server34 Text34Delete34 OnClientClick34return functionConfirm34 gt ltContentTemplategtltaspUpdatePanelgtltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsjquery310jqueryminjs34gtltscriptgtltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibslimontesweetalert2507sweetalert2minjs34gtltscriptgtltlink href34httpscdnjscloudflarecomajaxlibslimontesweetalert2507sweetalert2mincss34 rel34styl

jQuery Sweet Alert delete confirmation example in ASP.Net

ahmadsub...

SOLVED CLOSED ACTIVE ANSWERED
User: ahmadsubuhanlubis
Posted: on Mar 06, 2024 11:05 AM
Forum: jQuery and jQuery Plugins
Answer: 1
Views: 3458

hi ,

Can help me , why confirm does't work when call function DeleteClick, i using fom popup

do you have solution

thanks

<div> 
    <script type="text/javascript" src="../js/sweetalert/sweetalert.min.js"></script>
    <link href="../js/sweetalert/sweetalert.min.css" rel="stylesheet" type="text/css"/> 
        <script type="text/javascript">
            function functionConfirm(event) {
                swal({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!',
                    cancelButtonText: 'No, cancel!',
                    confirmButtonClass: 'btn btn-success',
                    cancelButtonClass: 'btn btn-danger',
                    buttonsStyling: false
                }).then(function (result) {
                    if (result) {
                        $.ajax({
                            type: "POST",
                            url: "editgroupshiftfrom.aspx/DeleteClick",
                            data: '{}',
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function (r) {
                                swal("Data Transfered SuccessFully", r.d, "success");
                            }
                        });
                    }
                },
            function (dismiss) {
                if (dismiss == 'cancel') {
                    swal(
                        'Cancelled',
                        'Your imaginary file is safe :)',
                        'error')
                }
            });
        }
    </script>
</div>

<System.Web.Services.WebMethod()>
Public Shared Function DeleteClick(ByVal id As Integer) As String
    msgbox("hallo")
End Function

<div>
    <asp:ScriptManager ID="ScriptManager" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel" runat="server">
        <ContentTemplate>
            <asp:Button ID="btnSweetAlert" runat="server" Text="Delete" OnClientClick="return functionConfirm();"/>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Mar 06, 2024 11:21 AM
Report

ahmadsubuhanlubis says:

Public Shared Function DeleteClick(ByVal id As Integer) As String

WebMethod accepting parameter id.

But you are not passing from Ajax.

Refer below example.

HTML

<asp:ScriptManager ID="ScriptManager" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel" runat="server">
    <ContentTemplate>
        <asp:Button ID="btnSweetAlert" runat="server" Text="Delete" OnClientClick="return functionConfirm();" />
    </ContentTemplate>
</asp:UpdatePanel>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/5.0.7/sweetalert2.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/5.0.7/sweetalert2.min.css" rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    function functionConfirm(event) {
        swal({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            type: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!',
            cancelButtonText: 'No, cancel!',
            confirmButtonClass: 'btn btn-success',
            cancelButtonClass: 'btn btn-danger',
            buttonsStyling: false
        }).then(function (result) {
            if (result) {
                var id = 1;
                $.ajax({
                    type: "POST",
                    url: "Default.aspx/DeleteClick",
                    data: '{id:' + id + '}',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (r) {
                        swal("Data Transfered SuccessFully", r.d, "success");
                    }
                });
            }
        }, function (dismiss) {
            if (dismiss == 'cancel') {
                swal('Cancelled', 'Your imaginary file is safe :)', 'error')
            }
        });
    }
</script>

Code

<System.Web.Services.WebMethod()>
Public Shared Function DeleteClick(ByVal id As Integer) As String
    Return "Hello"
End Function

Screenshot

jQuery Sweet Alert delete confirmation example in ASP.Net

Company

Explore

Follow us

Contact Us