我在洗掉一行 gridview 時嘗試使用 sweetalert2。
這是我的js：
<script>
var object = { status: false, ele: null };
function ConfirmDelete(ev) {
if (object.status) { return true; };
Swal.fire({
title: 'Are you sure?',
text: "You won't be able to revert this!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes, delete it!',
preConfirm: function () {
return new Promise(function (resolve) {
setTimeout(function () {
resolve()
}, 2000)
})
object.status = true;
object.ele = ev;
object.ele.click();
}
}).then(function () {
})
return false;
};
</script><asp:ImageButton ImageUrl="~/dist/img/delete.png" runat="server" CommandName="Delete" OnClientClick="return ConfirmDelete();" ToolTip="Sil" Width="20px" Height="20px" />uj5u.com熱心網友回復：
將其設定為更簡單。您希望該函式回傳 true 或 false。
并且引入 promise 和 Hand Stand 不會解決這個問題，因為像大多數 js 加載項一樣，無論是 jQuery.UI 對話框，還是這種情況下的甜蜜警報，它們都是異步運行的 - 除非出現警報，否則引入 promise 不會幫助你例程正在被其他 js 例程呼叫 - 而事實并非如此。
此外，我們“假設”您擁有的按鈕在網格中 - 看起來確實如此，但您至少應該提供周圍的標記。
不是世界末日。
所以，這應該有效：
你的按鈕變成這樣：
<asp:ImageButton ImageUrl="~/dist/img/delete.png" runat="server"
CommandName="Delete"
OnClientClick="return ConfirmDelete(this);"
ToolTip="Sil" Width="20px" Height="20px" />
注意在上面我們非常小心地將按鈕傳遞給 js 例程。
所以，js現在可以變成這樣：
<script>
var ConfirmDeleteOk = false
function ConfirmDelete(btn) {
if (ConfirmDeleteOk) {
ConfirmDeleteOk = false
return true
}
swal({
title: "Are you sure?",
text: "Are you sure that you want to delete this data?",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then(willDelete => {
if (willDelete) {
ConfirmDeleteOk = true;
btn.click();
}
else {
swal("Safe!", "Your imaginary file is safe!", "success");
}
});
return false;
}
</script>
注意例程的最后一行“return false”
當我們關心的只是回傳 true 或 false 時，我看不出有任何理由創建一些 js 物件來回傳 - 所以為此使用一個簡單的變數。
uj5u.com熱心網友回復：
我在下面解決了我的問題代碼。
這是按鈕
<asp:ImageButton ImageUrl="~/dist/img/delete.png" runat="server" CommandName="Delete" OnClientClick="return conFunction(this);" ToolTip="Sil" Width="20px" Height="20px" />
這是JS
<script type="text/javascript">
var object = { status: false, ele: null };
function conFunction(ev) {
var evnt = ev;
if (object.status) { return true; }
Swal.fire({
title: 'Silmek istedi?inize emin misiniz?',
text: "Onaylad?ktan sonra i?lem geri al?namaz",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Evet, Sil',
cancelButtonText: '?ptal',
closeOnConfirm: true
}).then((result) => {
if (result.isConfirmed) {
object.status = true;
object.ele = evnt;
evnt.click();
}
})
return object.status;
};
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/351997.html