0

我想在 ASP 按钮(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" />
4

2 回答 2

0

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

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

如果不是(我怀疑不是),那么它可能会触发表单的提交。所以你可以这样做:

"Reject": function() {
             $(this).dialog("close");
             $('#form').submit();
             return true;
          },
于 2011-04-15T16:02:26.760 回答
0

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

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);" />

在 CodeBehind 类中:

<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
于 2011-04-18T13:24:05.053 回答