模态/非模态 窗口关闭自己同时刷新父页面

最新推荐文章于 2023-08-22 18:34:25 发布
最新推荐文章于 2023-08-22 18:34:25 发布
阅读量8.4k 收藏 2
点赞数
分类专栏： Javascript专区 文章标签： function date
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eray/article/details/1748728
版权
本文介绍了如何在模态和非模态窗口中关闭自身并刷新父页面的方法。对于模态窗口，通过在子窗口onUnload事件中使用window.dialogArguments.location.assign来刷新父页面。对于非模态窗口，使用window.close()配合子页面修改父页面控件值来实现局部刷新。
摘要由CSDN通过智能技术生成

模态窗口:
-------------------------------------------------------------------------------------------------------------------
网上搜了很长的时间，都不行。人在崩溃的边缘。最后总算找到了方法，虽然很简单，但是耗费了我很长时间！模态窗口不能用opener.location.reload.这个只是在非模态窗口下可以。

1 父窗体Wab.aspx：注意第二个参数为window.这个不能改。作用是把自己window对象传到模态子窗体去。
function opn(aid,ispublic){
var DATE=new Date();
   var  iWidth=900; //模态窗口宽度
  var  iHeight=450;//模态窗口高度
  var  iTop=(window.screen.height-iHeight)/2;
  var  iLeft=(window.screen.width-iWidth)/2;
window.showModalDialog ("WabAdd.aspx?tmp="+DATE+"&aid="+aid+"&ispublic="+ispublic, window,"dialogWidth:"+iWidth+" ,dialogHeight:"+iHeight+",dialogtop:"+iTop+",dialogleft:"+iLeft)

   } 

2 模态子窗体WabAdd.aspx：注意assign后面的参数，指回父窗体。实现刷新。
<head>
&l

最低0.47元/天 解锁文章
Eray
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
关于模态窗口 关闭当前窗口刷新上一个窗口
u013918420的专栏
04-16 4714
：模态类型（modal）与非模态类型（modeless）。 定义：所谓模态对话框，就是指除非采取有效的关闭手段，用户的鼠标焦点或者输入光标将一直停留在其上的对话框。非模态对话框则不会强制此种特性，用户可以在当前对话框以及其他窗口间进行切换。本文介绍如何使用JavaScript语言来创建这两种类型的对话框、控制其大小和位
【笔记】若依不分离的$.modal.open()打开多个子窗口，关闭子窗口刷新父窗口问题
苗老八的博客
03-07 5534
多学习。
若依子窗口关闭父窗口刷新
最新发布
q_1092535160的博客
08-22 1536
若依子窗口关闭父窗口刷新
关闭弹窗并刷新父页面
精哥哥
11-21 1888
easyui中parent.$.modalDialog如何关闭弹出框，并刷新主页
微雨燕双飞
07-30 3236
function editDutyKnowledgeFun(id) { if (id == undefined) { var rows = dutyKnowledgeGrid.datagrid('getSelections'); id = rows[0].id; } else { ...
使用若依框架开发整理（持续更新）
爱笑的刚刚的博客
08-11 2862
1.页面之间跳转 function dept() { var url = "跳转的地址"; $.modal.openTab("名称", url); }
js关闭模态窗口刷新父页面或跳转页面
10-27
点击按钮时，弹出B窗口（模态）。在B窗口中添加数据，提交后，要求B窗口自关闭，然后刷新A窗口（父），需要的朋友可以了解下
模态窗口关闭时刷新父页面js文件
04-07
总结一下，实现“模态窗口关闭时刷新父页面”的主要步骤包括：设置模态窗口和关闭按钮、添加事件监听器以及在事件触发时调用`window.parent.location.reload()`。在实际应用中，可能还需要考虑其他因素，如防止多次...
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
10-29
由于`showModalDialog`打开的窗口是阻塞的，直接使用`location.href`会新开一个非模态窗口，所以我们可以使用以下代码来实现页面刷新： ```javascript window.name = "__self"; // 设置window.name为特殊标识 ...
子模态对话框关闭后刷新父模态对话框
05-12
因系统需求，要在关闭子模态对话框后刷新父模态对话框，做的一个小测试。
关闭模态对话框，刷新父窗口，异步上传文件
03-27
"关闭模态对话框，刷新父窗口，异步上传文件"是一个常见的需求，它涉及到前端JavaScript技术、模态对话框的处理、页面刷新机制以及文件上传的异步操作。下面我们将详细探讨这些知识点。 首先，模态对话框（Modal ...
使用ant-design-vue的modal，modal封装成一个组件，父组件调用关闭modal之后重新刷新父组件的表格数据怎么办？
丑小鸭变黑天鹅的博客
03-07 2270
使用ant-design-vue的modal，modal封装成一个组件，父组件调用关闭modal之后重新刷新父组件的表格数据怎么办？一、问题描述二、问题解决 一、问题描述 最近实践过程中遇到这样一个问题，我封装了一个modal组件，在父组件中引入并且使用，当打开modal修改完数据点击确定之后，关闭modal，此时发现表格的数据没有重新加载。这样很不合理，明明数据已经更新了，但是并没有立即展示出来。 二、问题解决 最初的想法是，在父组件中把刷新表格的方法，以及当前页，每页显示的条数，传给子组件。然后子组件通
关闭子窗口父窗口刷新
youngage的专栏
03-22 4632
一、方法一：使用window.open()方法。 在父窗口中的html代码：  添加新闻 在父窗口中的js代码，通过window.open()打开子窗口： $("#addnews").click(function(){     var url='manage/newsAdd.jsp?userId='; //转向网页的地址;     var name=''; //网页名称，可为空
若依框架获取弹窗按钮&关闭弹窗刷新父页面
热门推荐
hanne_lovegood的博客
11-01 1万+
若依关闭弹窗刷新父页面 2021/11/1 周一 本人菜鸟一枚，刚刚开始进行基于若依的二次开发不久，如果有错误或者更好的实现方法，欢迎在评论区交流，十分感谢！ 先说结论：获取子页面弹窗按钮的代码要写在父页面。 过程： 1. 页面结构： 父页面是issuing.html “发卡详情”，用 $.modal.open() 方法 弹出的volumeActivation.html “批量激活” 子页面，这个子页面在进行ajax之后还会弹出更里层的 “系统提示” 页面： 2. 需求： 关闭子页面弹窗时刷新父页面。
关闭子窗口，刷新父窗口【winform】
08-14 3147
子窗口执行操作结束后，记录showDialog的状态： 父窗口判断状态再进行刷新： 父窗口进入子窗口方法的代码： private void btnAddUser_ItemClick(object sender, DevExpress.XtraBars.ItemClickEven...
润乾报表实现模态窗口提交填报表在本窗口刷新
05-30
如果您需要在润乾报表中实现模态窗口提交填报表并在本窗口刷新页面，可以参考以下步骤： 1. 在报表设计器中创建一个填报表，并通过JavaScript编写一个打开填报表的函数。例如： ``` function openModal() { var url = "填报表的URL地址"; var modal = window.open(url, "填报表", "modal=yes,width=800,height=600,resizable=no"); modal.onunload = function() { location.reload(); }; } ``` 在上面的代码中，我们使用window.open函数打开了一个填报表的模态窗口，并设置了模态窗口的属性，使其无法调整大小。当填报表关闭时，将会自动执行onunload事件，刷新父窗口的页面。 2. 在报表设计器中创建一个提交按钮，并通过JavaScript编写一个提交表单的函数。例如： ``` function submitForm() { // 获取表单数据并提交 // ... // 关闭模态窗口 window.close(); } ``` 在上面的代码中，我们通过JavaScript获取填报表的数据并提交到服务器，然后通过window.close函数关闭模态窗口。 3. 在报表设计器中将打开填报表的函数和提交表单的函数分别绑定到打开按钮和提交按钮的点击事件中。例如： ``` <button onclick="openModal()">打开填报表</button> <button onclick="submitForm()">提交表单</button> ``` 在上面的代码中，我们使用onclick事件将打开填报表的函数和提交表单的函数分别绑定到打开按钮和提交按钮的点击事件中。 通过以上步骤，您就可以在润乾报表中实现模态窗口提交填报表并在本窗口刷新页面的功能了。需要注意的是，以上代码仅为示例，具体实现方式可能需要根据您的实际需求进行调整。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值