zoukankan      html  css  js  c++  java
  • 总结showModalDialog在开发中的一些问题

    一、在页面调用window.open()函数后,可以直接在打开的页面中用window.opener来调用父页面的方法,然而如果用showModalDialog打开一个模态窗口,就不能通过window.opener去调用父窗口的方法了,这时,要用window.dialogArguments去调用,注意在showModalDialog方法中的第二个参数是window,即把当前窗口传给子页面,所以子页面才可以通过window.dialogArguments去调用父页面的方法。
    父页面js如下:

       //显示设置页面
            function showSet(url) {
                //showWin(800, 600, "FieldShowSet.aspx" + url, "set");
                open_Dialog("FieldShowSet.aspx" + url, window, 800, 640);
            }
            //触发查询事件
            function searchData() {
                var btn = document.getElementById("<%=btnQuery.ClientID %>");
                btn.click();
            }
    

    子页面js如下:

      function CloseWin() {
            //alert('设置成功!'); window.opener.searchData(); window.close();
            var pWindow = window.dialogArguments;
            if (pWindow != null) {
                pWindow.searchData();
            } else {
                window.opener.searchData();
            }
            window.close();
        }

    二、当我们在模态窗体中刷新时,会打开一个新页面,这是我们可以通过在<head>中加上如下代码解决这一问题:

    <base target="_self"/>

    另外,当在模态窗体中刷新时,由于是提交到当前页,数据并不会更改,因为它是从页面缓存中读取数据,要让其变更,我们可以通过在<head>中添加如下代码清除缓存即可:

    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache,must-ridate"/>
    <meta http-equiv="expires" content="0"/>

    三、模态窗体居中显示

    //路径地址,window对象,宽,高
    function open_Dialog(url, win,Width, Height) {
        var return_Value;
        var iTop2 = (window.screen.availHeight - 20 - Height) / 2;
        var iLeft2 = (window.screen.availWidth - 10 - Width) / 2;
        var height2 = Height - 40;
        if (document.all && window.print) {
            return_Value = window.showModalDialog(url, win, "dialogLeft:" + iLeft2 + "px;dialogTop:" + iTop2 + "px;dialogWidth:" + Width + 
    "px;dialogHeight:" + Height + "px;center:yes;status:no;scroll:no;help:no;");
        }
        else {
            window.open(url, win, "top=" + iTop2 + ",left=" + iLeft2 + ",width=" + Width + "px,height=" + height2 + "px,resizable=1,scrollbars=0");
        }
    }



  • 相关阅读:
    IPC之util.h源码解读
    新麦装机问题汇
    AngularJS2+调用原有的js脚本(AngularJS脚本跟本地原有脚本之间的关系)
    K60平台智能车开发工作随手记
    苹果手机上下载的文件在哪里?
    Mac电脑C语言开发的入门帖
    Python2中文处理纪要
    比特币核心概念及算法
    将dylib库嵌入macOS应用的方法
    那些令人惊艳的TensorFlow扩展包和社区贡献模型
  • 原文地址:https://www.cnblogs.com/riskyer/p/3310862.html
Copyright © 2011-2022 走看看