与 jQuery UI 对话框交互后如何继续使用 asp.net 服务器端按钮单击方法？

Question

来自 jQuery 菜鸟的任何帮助都值得赞赏，因为我已经浪费了太多时间，截止日期很快就到了。

内幕 - 我在 Intranet 工程应用程序中有一个 ASP.NET 表单，在某些情况下按下“提交”按钮时需要弹出一个 jQuery 对话框。

在“某些情况下”，用户需要确认问题，并且表单需要继续提交包括执行“提交”按钮的 Click 事件的服务器端代码。

当“某些情况”不存在时，表单只需提交并执行“提交”按钮的 Click 事件的服务器端代码。 （与上面相同，但没有 jQuery 对话框。）

挑战似乎是：

• 当对话框关闭时，表单会提交，但显然*不是*原来的提交按钮导致它，因为唯一的服务器端代码被执行是“页面加载”。未调用“cmdSave_Click”（这也是我需要执行的）。

这是对话框的定义。 （在两次单击按钮时，我需要在服务器端 cmdSave_Click 方法最终需要的隐藏字段中粘贴一个值。）

var dlgTidPopup = $('#popupPnlTid').dialog({
    resizable: false,
    autoOpen: false,
    draggable: false,
    modal: true,
    closeOnEscape: false,
    title: 'Request for Target Identifier (TID)?',
    buttons: {
        "yes": function () {
            $('#txtTidYes').val("1");
            $('#userInputForm').unbind("submit").submit();
            $(this).dialog('close');
        },
        "no": function () {
            $('#txtTidYes').val("0");
            $('#userInputForm').unbind("submit").submit();
            $(this).dialog('close');
        }
    }
});

dlgTidPopup.parent().appendTo($('form:first'));

这是提交部分。 if 语句确定对话框的外观以满足“这是某种情况吗？”要求。

$('#userInputForm').submit(function (event) {
    if ($('#hdnSituationIsTid').val() == "1") {
        event.preventDefault();
        $('#popupPnlTid').dialog("open");
    }
});

提交按钮看起来像：

<asp:ImageButton ID="ibtnSend" ImageUrl="../_common/Images/buttons/Send.gif"
  runat="server" OnCommand="cmdSave_Click" CommandName="Send" CssClass="majorButton"
  CausesValidation="false" />

这个问题的答案可能很简单，我只是缺乏知识。非常感谢任何指导。 （另外，我确实知道我已经搜索过并阅读了很多很多帖子，甚至根据其中许多帖子对我的代码进行了建模，但我还没有找到解决我的具体问题的方法。）

Answer 1

请参阅我对下面链接的问题的回答，我使用隐藏的 asp:button 作为回调：

带有 jQ​​uery 弹出对话框的 ASP.NET：如何回发对话框关闭

 function showjQueryUIDialogOkBtnCallback(buttonToClick, dialogSelector, buttonTxt, isModal, width, height) 
   {
       var buttonOpts = {};
       buttonOpts[buttonTxt] = function () {
           $("#" + buttonToClick).trigger('click');
       };

       buttonOpts['Cancel'] = function () {
           $(this).dialog("close");
           $(this).dialog('destroy'); 
       }

       $(dialogSelector).dialog({
           resizable: false,
           height: height,
           width: width,
           modal: isModal,
           open: function (type, data) {
               $(this).parent().appendTo("form"); //won't postback unless within the form tag
           },
           buttons: buttonOpts

       });

       $(dialogSelector).dialog('open');

    }