如何在jquery确认对话框中使用回调
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对话框来显示确认框。当点击按钮时,它总是触发按钮的服务器端事件。我必须在单击"是"时激发服务器端事件。如果我单击"否",则返回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
}
}
相关文章:
- Bootbox:取消对话框后的回调功能/点击'X'按钮
- 如何在点击链接后从用户取消对话框中获得回调以选择移动应用程序
- 使用回调函数时,加载会覆盖输入文本框
- 如何从jQuery对话框回发到父页
- 在组合框筛选后执行回调网格视图
- 确定在引导对话框上未触发回调/单击事件
- 如何在jquery确认对话框中使用回调
- 引导框.js回调不起作用
- 无法回调自定义提示框中的文本字段值
- 无法将 $_GET 回显到 JQUERY UI 模式对话框中
- Jquery UI 模式匿名函数回调以打开对话框
- javascript打印对话框后的回调函数
- jQueryUI对话框带有使用回调的动态按钮
- Facebook JavaScript发送对话框,回调函数工作不正确
- 如何在JqueryUI对话框关闭时对其执行回调
- FB.UI对话框"permission "回调从未被调用
- 带Ajax回调的引导框对话框
- YUI对话框,表单提交成功后回调
- fb.ui Feed 对话框在 Chrome 和移动设备中返回空回调
- 用代理访问回调方法中的对话框