关闭对话框和刷新时如何防止关闭dailogbox弹出

时间:2015-09-17 20:13:43

标签: javascript jquery

嗨,这是一个非常简单的问题,但我没有找到适合我情况的答案。

在我的jQuery对话框中,我有更新和关闭的按钮。用户点击“更新”按钮'然后在代码背后我需要在数据库中更新然后关闭。 当用户单击关闭按钮然后我关闭对话框。该对话框是加载aspx页面。我有两个问题。

  1. 问题是如果用户点击运行javascript window.close()的关闭按钮。它会弹出窗口"你想要关闭窗口......"

  2. 如何通过点击“更新”来刷新父页面并关闭对话框。按钮。

  3. 有加载对话框的代码:

    function openDialog(url, name, width, height) {
    
    $("#dialog-box").load(url).dialog({       
        autoOpen: false,
        resizable: true,
        height: 425,
        width: 600,
        modal: true         
    });
    
    $('#dialog-box').dialog('open');
    
    return false;
    
    
    
    }
    

    我尝试使用$("#dialog-box")。对话框("关闭");在我的函数中,在后面的代码中调用。但它显示错误。

    有我的功能

    function RefreshParentAndClose() {
    
    $("#dialog-box").dialog("close");
    }
    

    enter image description here

    我在父页面加载对话框的代码

    <div id="dialog-box" title=" "></div>
    <td width="33%" align="right"><asp:button id="btnSelect" runat="server" causesvalidation="False" text="Select Locations"
                        OnClientClick="javascript:return openDialog('popLocation.aspx','select',600,500);"    /></td>
    

2 个答案:

答案 0 :(得分:0)

1)您可以通过调用其close()方法关闭对话框:

function OnCloseClick() {
    $("#dialog-box").dialog("close");
}

2)您只需刷新主页面即可。在后续加载时,不应打开对话框(如果您没有自动加载它)。有关下面使用的方法参数的详细信息,请参阅此answer on StackOverflow

function OnUpdateClick() {
    window.opener.location.reload(false);
}

答案 1 :(得分:0)

使用以下代码关闭

 $("#dialog-box").dialog( "close" ); 

并在关闭时使用

 $("#dialog-box").dialog({
 close: function( event, ui ) {
  window.location.reload();
 }
 });