jQuery 对话框关闭事件未按预期工作

Question

我正在尝试使用 CodeBehind 事件和 JavaScript 事件创建一个弹出对话框。我创建了一个按钮来启动以下对话框。效果很好。

<script type="text/javascript">

    function ShowDialog(aPage, aWidth, aHeight, aTitle) {
        var $popupURL = aPage;
        var $popupDv = $("#resultDiv");

        jQuery.ajax({ url: $popupURL,
            cache: false,
            success: function (html) {
                $popupDv.empty().append(html);

                $popupDv.dialog({
                    width: aWidth,
                    height: aHeight,
                    modal: true,
                    title: aTitle,
                    draggable: false,
                    resizable: false
                });
            }
        });
    }

</script>

按键代码：

<form id="form1" runat="server">
<div>
    <div id="resultDiv">
    </div>
    <input id="Edit1Button" type="button" value="Edit 1" onclick="ShowDialog('edit3.aspx?ID=1', 600, 400, 'Hello Edit 1')" />
</div>
</form>

请记住，这只是测试代码。好的，所以在我单击按钮后会弹出一个对话框。在对话框中，我有以下代码..

<form id="form2" runat="server">
<div>
    <h1>
        Edit Dialog 3</h1>
    <asp:Button ID="CloseButton" runat="server" Text="Close" OnClick="CloseButton_Click"
        OnClientClick="$('#resultDiv').dialog('close'); return true;" />
</div>
</form>

如果我返回 false，那么只会触发 javascript OnClientClick 并关闭对话框。按预期工作。如果我设置 return true 对话框关闭，但这就是问题所在。主窗体消失并被对话框窗体取代..

我需要这个按钮在代码隐藏中执行 CloseButton_Click 然后关闭对话框。我对 asp.net 和 C# 还很陌生，所以对你的回答要温柔.. 像几周

谢谢 安东尼

Answer 1

发生的情况是，由于您的子表单 (Edit3.aspx) 正在回发到网络服务器，ASP.NET 正在发回对 Edit3.aspx 的响应 - 而不是您的初始表单。为了完成您想要的，您将不得不使用异步回发到服务器。这可以通过将 Edit3.aspx 表单更改为以下内容来完成：

<form id="form2" runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<div> 
<h1 runat="server" id="edit3"> 
    Edit Dialog 3</h1> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button ID="CloseButton" runat="server" Text="Close" OnClientClick="$('#resultDiv').dialog('close'); return true;" /> 
</ContentTemplate>
</asp:UpdatePanel>
</div> 

ScriptManager 控件和 UpdatePanel 控件允许您的表单异步回发到服务器。