关于ligerui子页面关闭后,父页面刷新,重新加载的方法


Posted in Javascript onSeptember 27, 2019

1、需求在子页面处理完成后,在关闭时刷新并重新加载父页面

$.ajax({
         url    : '${base.contextPath}/test/test',
         type    : "post",
         dataType  : "json",
         data : sendata,
         async: false,
         success : function (data) {
           if(data.success){
             //刷新父页面
             window.parent.manager.reload();
             dialog.close();//关闭dialog 
           }else{
            // $.ligerDialog.error(data.messageText);
            alert(data.messageText);
            $.ligerDialog.closeWaitting();
            window.parent.manager.reload();
            dialog.close();//关闭dialog 
           }

         },
         error : function () {
           $.ligerDialog.closeWaitting();
           dialog.close();//关闭dialog 
         }

       });

关键代码

window.parent.manager.reload();
dialog.close();//关闭dialog

其中manager是父页面定义grid的变量,例如父页面是这样(参照的官网例子)

var manager, g;
  g = manager = window['ordergrid'] = $("#ordergrid").ligerGrid({

至于为什么不使用$.ligerDialog.error(data.messageText);

而使用alert(data.messageText);

是因为使用他,当后台出现错误时。前台会多出一个错误弹窗,现在没有解决这个问题,,所以暂时使用alert

后续

经过一段时间,偶然发现可以解决不用alert(),之所以报错是因为.ligerDialog.error(data.messageText);和.ligerDialog.error(data.messageText);和.ligerDialog.closeWaitting();

window.parent.manager.reload(); 
dialog.close();//关闭dialog

一起使用了,具体也不知道是什么原因,所以就饶了个弯子,

下面重点来了

通过ligerui源码发现.ligerDialog.error()、.ligerDialog.error()、.ligerDialog.success()等方法都有回调函数,于是就可以修改成这样

$.ligerDialog(data.messageText,cc);

下面在写个方法cc()用来关闭和重新刷新

function cc(){
    //刷新父页面
     window.parent.manager.reload();
    dialog.close();//关闭dialog
  }

这样比用alert显示更好看些。

以上这篇关于ligerui子页面关闭后,父页面刷新,重新加载的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript String.replace函数参数实例说明
Jun 06 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
对于jQuery性能的一些优化建议
Aug 13 Javascript
js变量提升深入理解
Sep 16 Javascript
js实现随机抽选效果、随机抽选红色球效果
Jan 13 Javascript
详解vue数据渲染出现闪烁问题
Jun 29 Javascript
shiro授权的实现原理
Sep 21 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
VUE v-for循环中每个item节点动态绑定不同函数的实例
Sep 26 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
Oct 20 Javascript
jquery实现垂直手风琴导航栏
Feb 18 jQuery
使用jQuery实现购物车
Oct 29 jQuery
vue实现表格过滤功能
Sep 27 #Javascript
vue实现手机端省市区区域选择
Sep 27 #Javascript
使用layui的layer组件做弹出层的例子
Sep 27 #Javascript
vue选项卡切换登录方式小案例
Sep 27 #Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 #Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 #Javascript
使用layer弹窗,制作编辑User信息页面的方法
Sep 27 #Javascript
You might like
PHP安装攻略:常见问题解答(二)
2006/10/09 PHP
PHP递归遍历多维数组实现无限分类的方法
2016/05/06 PHP
使用IE的地址栏来辅助调试Web页脚本
2007/03/08 Javascript
javascript实现图片切换的幻灯片效果源代码
2012/12/12 Javascript
热点新闻滚动特效的js代码
2013/08/17 Javascript
了解了这些才能开始发挥jQuery的威力
2013/10/10 Javascript
js 实现的可折叠留言板(附源码下载)
2014/07/01 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
简介JavaScript中的setTime()方法的使用
2015/06/11 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
jquery的checkbox,radio,select等方法小结
2016/08/30 Javascript
BootStrap中
2016/12/10 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
使用jQuery实现掷骰子游戏
2019/10/24 jQuery
[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
web.py获取上传文件名的正确方法
2014/08/26 Python
Python中的变量和作用域详解
2016/07/13 Python
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
Django admin美化插件suit使用示例
2017/12/12 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
详解python的四种内置数据结构
2019/03/19 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
Django 解决由save方法引发的错误
2020/05/21 Python
简单的Python人脸识别系统
2020/07/14 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
世界上最大的字体市场:MyFonts
2020/01/10 全球购物
建筑学专业自荐书
2014/07/09 职场文书
2014光棍节大学生联谊活动方案
2014/10/10 职场文书
学校捐款活动总结
2015/05/09 职场文书
浅谈JS的二进制家族
2021/05/09 Javascript
快速学习Oracle触发器和游标
2021/06/30 Oracle