• 弹出模态窗口关闭刷新父窗体


       今天在做项目的时遇到一个弹出模态窗体的问题,只要是做web开发相信都会遇到这样的问题,现在就来具体的看下这个问题……

       既然需要模态窗口,首先我们需要弹出窗体。

    //弹出模态对话框
    window.showModalDialog("ShowProjectPic.aspx?picID=" + params.toString(), "", "dialogWidth=430px;dialogHeight=350px;help:no;center:yes;resizable:no;status:no;scroll:no")

      例如:当我们在模态窗体中增删改一条数据,同时需要刷新父窗体从而同步数据。这里我们可以在关闭窗体时传回一个参数,通过判断这个参数进行刷新窗体。代码如下

    //关闭模态窗体,returnValue='ok'中的ok为返回值
    "javascript:window.opener=null;window.returnValue='ok';window.close(); "

      有了返回值,我们只需要在父窗体中接受这个返回值就可以判断是否刷新父窗体,这里可以将弹出模态对话框的Js代码改成如下代码。

    //接受判断返回值
     function openwin(params) {
                if (window.showModalDialog("ShowProjectPic.aspx?picID=" + params.toString(), "", "dialogWidth=430px;dialogHeight=350px;help:no;center:yes;resizable:no;status:no;scroll:no") == 'ok') {
                    location.reload(true); //刷新父窗体      
                }
            }

       最后忘记强调了重要一点,即在弹出窗体的<head>标签里面加<base target="_self" /> 标签,这样才能正常关闭对话框(PS:具体什么原因暂时还没去弄……)

  • 相关阅读:
    jQuery的动画以及扩展功能
    yii2 redirect重定向
    nvaicat mysql ssh 跳板机(堡垒机???)连接服务器
    Linux下Redis的安装
    深入理解PHP的运行模式
    thinkphp5 如何监听sql?
    thinkphp5 如何使用查询事件?
    layui laydate is not defined
    CSS 实现图片灰度效果 兼容各种浏览器
    PHP基础学习----函数
  • 原文地址:https://www.cnblogs.com/xiangzhong/p/2606823.html
Copyright © 2020-2023  润新知