在 SweetAlert 中传递一个 ASP.NET 按钮点击事件

Question

我有一个执行挂起操作的 C# 方法。

 protected void SuspendButton_OnClick(object sender, EventArgs e)
    {
        var accountNumberId = DepositAccount.DepositAccountNumberId;
        var depositAccount = AccountHolders.GetAccountHolder(accountNumberId);

        if (depositAccount == null)
        {
            ShowFailModal("No Account Selected");
        }

        Common.Deposit.AccountSuspension accntSuspension = new Common.Deposit.AccountSuspension();
        accntSuspension.AuditTS = BusinessLayer.Core.DateConversion.GetCurrentServerDate();
        accntSuspension.AuditUserId = UserId;
        accntSuspension.Description = DescriptionTextBox.Text;
        accntSuspension.SuspendedDate = GetDate;
        accntSuspension.AccountNumberId = accountNumberId;

        if (depositAccount != null)
        {
            InsertSuspendedAccount(accntSuspension);
        }

    }

我现在也在用 BootBox

$('#SuspendButton').on('click', function (evt) {
            evt.preventDefault();
            var message = "Are you sure you want to Suspend this Account?";

            bootbox.confirm(message, function (result) {
                if (result === false) {
                    evt.preventDefault();
                } else {
                   // $.showprogress("Account Suspending.Please Wait...");
                    window.__doPostBack("<%= SuspendButton.UniqueID %>", "");
                }

            });
        });

这是 SweetAlert 的示例：

swal({   title: "Are you sure?",
         text: "You will not be able to recover this imaginary file!",
         type: "warning",   
         showCancelButton: true,   
         confirmButtonColor: "#DD6B55",   
         confirmButtonText: "Yes, delete it!",   
         closeOnConfirm: false 
      },
      function(){  
         swal("Deleted!", "Your imaginary file has been deleted.",        "success"); 
});

我怎样才能让它像 BootBox 一样工作？就像在 BootBox 中一样，当我按下 SuspendButton 时，它会抛出一个 bootbox.confirm 弹出窗口，如果我按下 O，K，底层操作是 performed.Can我对 SweetAlert 也这样做吗？

Answer 1

你可以尝试这样的事情，如果这不是你想要的，请告诉我

$('#SuspendButton').on('click', function (evt) {
           evt.preventDefault();
           //var message = "Are you sure you want to Suspend this Account?";

       swal({   title: "Are you sure?",
            text: "You will not be able to recover this imaginary file!",
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",   
            confirmButtonText: "Yes, delete it!",   
            closeOnConfirm: false 
            },
            function(isConfirm){   
            if (isConfirm) {     
                // $.showprogress("Account Suspending.Please Wait...");
                window.__doPostBack("<%= SuspendButton.UniqueID %>", "");  
            } else {     
            evt.preventDefault();   }
        });    
  });

Answer 2

试试这个，首先将你的甜蜜警报代码放在一些函数中让我们说 'Suspend()' 例如：

function Suspend()
    {
swal({   title: "Are you sure?",
         text: "You will not be able to recover this imaginary file!",
         type: "warning",   
         showCancelButton: true,   
         confirmButtonColor: "#DD6B55",   
         confirmButtonText: "Yes, delete it!",   
         closeOnConfirm: false 
      },
      function(){  
         swal("Deleted!", "Your imaginary file has been deleted.",        "success"); 
});
}

现在在 .aspx/.cshtml 端分配 "onClick()" 中的函数名称例如：

<input type="submit" value="Suspend" onclick='return Suspend();' title="Suspend" />

在 SweetAlert 中传递一个 ASP.NET 按钮点击事件

Passing An ASP.NET Button Click Event in SweetAlert

javascript

c#

asp.net

jquery

sweetalert