[英]how to use call back in jquery confirm dialog
JavaScript代碼
function btnCancelClick()
{
$("#dialog:ui-dialog").dialog("destroy");
$("#dialog-confirm").dialog({
resizable: false,
height: 140,
width: 400,
modal: true,
buttons: {
"Yes": function ()
{
$(this).dialog("close");
//Yes callback
},
No: function ()
{
$(this).dialog("close");
//No callback
}
}
});
}
Aspx代碼
<div class="demo">
<div id="dialog-confirm" title="Do you want to cancel the appointment?">
</div>
</div>
<asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="cssbutton"
OnClientClick="return btnCancelClick();" OnClick="btnCancel_Server_Click" />
<asp:UpdatePanel ID="updatePanelTable" runat="server">
<ContentTemplate>
.
.
.
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnCancel" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
服務器端代碼:
protected void btnCancel_Server_Click(object sender, EventArgs e)
{
//Server side code.
}
我使用jQuery對話框顯示確認框。 當單擊按鈕時,它總是觸發button的服務器端事件。如果我單擊“否”,則必須單擊“是”來觸發服務器端事件,然后返回false。 我在谷歌上搜索,他們告訴我使用回調,因為我不知道如何在這種情況下使用回叫。
由於每當用戶回答“是”或“否”時,您都可以進行回調,因此您可能會遇到以下情況:
function btnCancelClick()
{
$("#dialog:ui-dialog").dialog("destroy");
$("#dialog-confirm").dialog({
resizable: false,
height: 140,
width: 400,
modal: true,
buttons: {
"Yes": function ()
{
$(this).dialog("close");
//Yes callback
callback();
},
No: function ()
{
$(this).dialog("close");
//No callback
callback();
}
}
});
function callback() {
// whatever needs to be done once the user choose Yes or No
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.