zoukankan      html  css  js  c++  java
  • showModalDialog()子窗口刷新父窗口

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

    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();

    注意:是window.dialogArguments,而不是window.dialogArgument,之前一直测试通过不了,就是这个属性写错了

    window.dialogArguments 即为父窗口window对象的引用,获得父窗口的引用,就可以操作父窗口了,做什么都行,

    但是调用window.dialogArguments.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)多个参数用";"分割,而不是用","。

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

      
  • 相关阅读:
    没人比程序猿更讨厌软件
    随心所欲~我也做个集合遍历器吧(自己的foreach,委托的威力)
    EF架构~DefaultValue让我的UnitOfWork更可读
    EF架构~数据分批批量提交
    陷阱~EF中的Update与Insert共用一个数据上下文
    我心中的核心组件(可插拔的AOP)~第四回 异常拦截器
    zigbee学习:示例程序SampleApp中通讯流程
    【网络可靠版】Extjs4 Treegrid 使用实例
    C#实现微信公众号群发消息(解决一天只能发一次的限制)
    oracle12c(oracle12.1.0.1.0)安装指南--实测OEL5.9(RH5)
  • 原文地址:https://www.cnblogs.com/cuihongyu3503319/p/5118644.html
Copyright © 2011-2022 走看看