showModalDialog()子窗口刷新父窗口

今天再次使用showModalDialog(),发现了两个问题,一是子窗口如何刷新父窗口,二是窗口的参数问题。

如果实在后台调用的话,一句代码就解决了:

MessageBox.ResponseScript(this, "var returnValue=window.showModalDialog('" + url + "',window,'dialogWidth:800px;dialogHeight:500px;center:1;scroll:1;help:0;status:0');window.location=window.location");

window.location=window.location// 子窗体关闭刷新父窗体

1 子窗口刷新父窗口

   如果是window.open();问题就好办,直接用window.opener.location.reload();就搞定了

   但是如果是window.showModalDialog(),它里面是没有window.opener的,不能用opener引用父窗口,直接调用用报错。

总结了一下有两种方法可以解决,一是在子窗口中刷新父窗口,二是在子窗口关闭后,父窗口自己刷新。

(1)在子窗口中刷新父窗口

       父窗口: 因为子窗口不能直接引用父窗口,所以需要父窗口主动传递指针变量,就是window.showModalDialog的第二个参数,参数为“window”,

示例:

var returnValue = window.showModalDialog(url,window,"dialogHeight=350px;dialogWidth=400px;center=yes;status=no;scroll=no;resizable=yes");

注意:window不要加引号。

子窗口:执行完操作后调用window.dialogArguments.location.reload();

网上说只调用这一句就可以了,但我试了不行,具体原因没查到,自己猜测要这么用,父窗口必须是iframe. 如果父窗口不是iframe,想要实现这个功能,还可以在body中加入"onUnload=window.dialogArgument.location.reload()" ,这样子窗口关闭时就可以刷新父窗口了。

(2)在父窗口中刷新自己

这个实现比较简单,在子窗口关闭后,父窗口自己刷新,例如:

var returnValue = window.showModalDialog(url,window,"dialogHeight=350px;dialogWidth=400px;center=yes;status=no;scroll=no;resizable=yes");
        if(returnValue == "true"){
            window.location.reload();
        }

还有一种方法就是在子窗口中调用父窗口的一个方法,该方法自己刷新本页面(父窗口);

子窗口:window.dialogArguments.reloadPage();window.close;

父窗口: function reloadPage(){window.location.reload();}

但是我试验后不行,能调用到这个方法,但是就是不刷新,原因不详。

2 showModalDialog参数问题:

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]);

第三个参数用来描述对话框的外观等信息,我调整了半天都不见效,后来发现原因出现在两个地方:

(1)长度,宽度,都是用 dialogHeight, dialogWidth表示,而不是heigh,width,和window.open()是不同的。

(2)多个参数用";"分割,而不是用","。

我就是因为粗心,在这两个地方浪费了很多时间,大家不要重蹈覆辙,要信心,把参数记牢!

  推荐下个人网站,工作之余可以休息下  Look屌丝网 www.lookdiaosi.com

你可能感兴趣的:(showModalDialog)