在按钮控件的 asp.net OnClient 事件中绑定 JQuery UI 确认答案

【问题标题】：Bind JQuery UI Confirmation in asp.net OnClient Event of a Button Control在按钮控件的 asp.net OnClient 事件中绑定 JQuery UI 确认
【发布时间】：2015-10-05 06:23:48
【问题描述】：

我想在服务器端按钮控件的asp.net OnClientClick 事件中绑定一个jquery 确认模式框。如果确认框返回 true 则 OnClicK 事件将被触发，如果确认框返回 false 则 OnClick 事件将不会触发意味着不会发生回发。谁能给我一个建议如何实现这一点。

【问题讨论】：

我想到的一个解决方案是在确定框中使用 Jquery ajax 或在 jquery 确认框中使用取消选项。但我想知道是否有任何方法可以使其表现得像 javascitpt confirm 方法一样。

标签： asp.net webforms jquery-ui-dialog

【解决方案1】：

看似简单

按如下方式调用一个java脚本函数

OnClientClick = "return ConfirmModel();"

那么 Javascript 将是

function ConfirmModel()
   {
     //Here write the logic of returning true or false.  
   }

【讨论】：

【解决方案2】：

我的问题的解决方法是：

$("#<%= btnCancel.ClientID %>").on("click", function (e) {
                e.preventDefault();
                myDialog();
            });

            myDialog = function () {
                $("<div>Are you sure you want to redirect?</div>").dialog({
                    modal: true,
                    resizable: false,
                    width: 500,
                    height: 200,
                    buttons: {
                        "Okey": function () {
                            //Unbind the event 
                            $("#<%= btnCancel.ClientID %>").unbind();
                            $(this).dialog("destroy");
                            //Call server method
                            $("[id*=<%= btnCancel.ClientID %>]").click();
                        },
                        "Nope": function () {
                            $(this).dialog("destroy");
                        }
                    }
                });
            }

【讨论】：

【解决方案3】：

OnClientClick="return confirm('Message');"

【讨论】：