在 ASP.Net 中工作时,我经常喜欢问“你确定吗?”单击删除按钮等内容时会弹出窗口。这很容易完成,如下所示:
<asp:Button runat="server" id="btnDelete" Text="Delete" onClientClick="return confirm('Are you sure?');" onClick="btnDelete_Click" />
我真的很喜欢 SweetAlert2 确认对话框的样式和总体感觉,但是当我尝试以类似的方式集成它们时,它们似乎有点麻烦。有人可以向我解释一下如何根据单击的按钮返回 SweetAlert2 对话框结果以继续或停止吗?
这是我到目前为止所得到的:
<asp:Button runat="server" id="btnDelete" Text="Delete" onClientClick="return sweetAlertConfirm();" onClick="btnDelete_Click" />
function sweetAlertConfirm() {
event.preventDefault();
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!'
// }).then(function() {
// CONFIRM WAS CHOSEN
// }, {function() {
// CANCEL WAS CHOSEN
});
}
当然,对话框出现并且删除未被处理,因为我目前正在做一个event.preventDefault()
并且没有返回任何内容。我也注意到我可以使用承诺,添加一个.then()
在我之后swal({...})
,但是我不确定在这种情况下如何使用它。
如果需要,我可以使用实际上触发代码隐藏方法的隐藏按钮,然后根据用户选择单击该隐藏按钮,但我希望避免这种情况。