Question

我想在ASP Button（btnRejectAll）点击事件上显示模态确认对话框，一旦用户在模态对话框中选择“确定”，它需要提升按钮“btnRejectAll”的OnClick服务器端事件。以下代码显示单击时的模态确认对话框，但是一旦我们点击OK按钮，它就不会触发服务器端事件。任何人都可以帮我这个吗？

这是我的代码。

<script language="javascript" type="text/javascript">

    $(function() {


        $("#dialogReject").dialog({
            autoOpen: false,
            height: 300,
            width: 350,
            modal: true,
            buttons: {
                "Reject": function() {
                    $(this).dialog("close");
                    return true;
                },
                Cancel: function() {
                    $(this).dialog("close");
                    return false;
                }
            }
        });

        $("#btnRejectAll").click(function(event) 
        {
            event.preventDefault();

            $("#dialogReject").dialog("open"); 
        });


    });

<asp:Button ID="btnRejectAll" runat="server" Text="Reject All" OnClick="btnRejectAll_OnClick" />

Answer 1

您可以阻止点击btnRejectAll时的默认操作，但您永远不会对“拒绝”操作调用任何操作。我不熟悉ASP.NET，但从标记的外观来看，您似乎取消了对btnRejectAll_OnClick的调用。如果这是一个JavaScript函数，那么你可以这样做：

"Reject": function() {
             $(this).dialog("close");
             btnRejectAll_OnClick();
             return true;
          },

如果不是（我怀疑它不是）那么它可能会触发提交表格。所以你可以这样做：

"Reject": function() {
             $(this).dialog("close");
             $('#form').submit();
             return true;
          },

Answer 2

我找到了一种在对话框确认时触发按钮服务器端事件的方法。这是代码。

function ConfirmReject(detailId) {

        var leaveId = $("#hdnLeaveReqId").val();



        $("#dialogReject").dialog({
            autoOpen: true,
            height: 300,
            width: 350,
            modal: true,
            buttons: {
                "Reject": function() {
                    $.ajax({
                        type: "POST",
                        url: "LeaveRequestForm.aspx/RejectLeave",
                        data: "{'LeaveReqId':'" + leaveId + "', 'detailId':'" + detailId
                                + "', 'rejectReason':'" + $("#txtRejectReason").val() + "'}",
                        dataType: 'json',
                        contentType: "application/json; charset=utf-8",
                        success: function(msg) { location.reload(); }
                    });

                    $(this).dialog('close');
                },
                Cancel: function() {
                    $(this).dialog("close");
                }
            }
        });

        return false;
    }

 <asp:Button ID="btnRejectAll" runat="server" Text="Reject All" 
                        OnClientClick="return ConfirmReject(0);" />

在Code Behind类中：

<WebMethod()> _
Public Shared Function RejectLeave(ByVal LeaveReqId As Integer, ByVal detailId As Integer, ByVal rejectReason As String) As String

    'Do Something here

    Return "success"

End Function

在用户确认后，JQuery确认对话框未触发ASP Button OnClick服务器端事件

2 个答案: