如何使用Sweet Alert替换标准确认对话框？

Question

我想更换标准确认对话框。 我的javascript函数在MasterPage中。

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"); 
  });
}

我想在内容页面中调用checkDelete函数。如何在gridview templatefield按钮中使用甜蜜警报？

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

请帮忙。

Answer 1

由于javascript在母版页中可用，因此它在当前页面中同样可用（如果它使用相同的母版）。像下面一样更改OnClientClick事件，这应该有效。

<asp:LinkButton ID="lbDelete" Runat="server" OnClientClick="checkDelete();" CommandName="Delete">Delete</asp:LinkButton>

<强>更新

这就是我模拟你的项目所做的。

• 创建了一个新的Web应用程序项目
• 在 Scripts 文件夹
中添加了甜蜜警报脚本，css文件
• 在</head>
之前添加了类似HTML的引用

<link rel="stylesheet" href="Scripts/sweetalert.css"> <script src="Scripts/sweetalert.min.js"></script>

• 添加了与您在</body>
之前在主文件中提供的功能相同的javascript功能
• 在default.aspx代码中添加了以下行

<asp:LinkButton ID="lbDelete" Runat="server" OnClientClick="checkDelete();return false;" CommandName="Delete">Delete</asp:LinkButton>

这显示了正确的甜蜜警报。