javascript - 如何使用 Sweet Alert 进行确认?

标签 javascript jquery asp.net sweetalert

我想替换标准确认对话框。 我的 JavaScript 函数在这里

function checkDelete() {
    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");
    });
}

我如何在gridview模板字段按钮中使用甜蜜警报确认功能?

<asp:TemplateField ItemStyle-Width="60" HeaderText="Delete">     
    <ItemTemplate>        
        <asp:LinkButton ID="lbDeleteUser" Runat="server" OnClientClick="checkDelete();" CommandName="Delete">Delete</asp:LinkButton>     
    </ItemTemplate> 
</asp:TemplateField>

标准确认功能在这里

<asp:TemplateField ItemStyle-Width="60" HeaderText="Delete">     
     <ItemTemplate>        
         <asp:LinkButton ID="lbDeleteUser" Runat="server" OnClientClick=" return confirm('Are you sure?');" CommandName="Delete">Delete</asp:LinkButton>     
     </ItemTemplate> 
</asp:TemplateField>

标准确认功能正在运行。但甜蜜警报确认功能未运行。请帮忙

这是标准确认

enter image description here

请帮忙。

最佳答案

使用此代码,它将对您有所帮助

  swal({
            title: "Are you sure?",
            text: "You will not be able to recover this imaginary file.",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#F44336",
            confirmButtonText: "Yes, Sure !",
            closeOnConfirm: true
        }, function () {

                        swal({
                            title: "Message",
                            text: 'Imaginary file deleted.',
                            type: "success"
                        });    });

关于javascript - 如何使用 Sweet Alert 进行确认?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35293418/

相关文章:

javascript - 如何在 Rails 中只使用相对路径,而不是使用 Assets 管道?

javascript - 在 React Native 中发布和订阅事件

c# - 如果 1 列包含相同数据,SQL 追加其他列

jquery - 根据焦点从文本框外观更改为标签外观

c# - 为什么要使用序列化

javascript - 根据第 1 个 2 个下拉列表 ID 显示第 3 个下拉列表

javascript - 如何使用内容脚本进行 onClicked 编程注入(inject)?

javascript - js $.post 问题

javascript - 如何防止 AJAX 表单在提交时重定向

jQuery datepicker 的 dateFormat - 如何与 .NET 当前文化 DateTimeFormat 集成