关于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 在各个浏览器中执行的耐性
Apr 06 Javascript
JQuery最佳实践之精妙的自定义事件
Aug 11 Javascript
jquery实现的下拉和收缩效果示例
Aug 21 Javascript
JS实现让访问者自助选择网页文字颜色的方法
Feb 24 Javascript
微信中一些常用的js方法汇总
Mar 12 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
JavaScript中的small()方法使用详解
Jun 08 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
Sep 18 Javascript
批量下载对路网图片并生成html的实现方法
Jun 07 Javascript
javascript 中关于array的常用方法详解
May 05 Javascript
4个顶级开源JavaScript图表库
Sep 29 Javascript
使用apifm-wxapi快速开发小程序过程详解
Aug 05 Javascript
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新手NOTICE错误常见解决方法
2011/12/07 PHP
纯PHP代码实现支付宝批量付款
2015/12/24 PHP
PHP 根据key 给二维数组分组
2016/12/09 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
PHP高效获取远程图片尺寸和大小的实现方法
2017/10/20 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
关于document.cookie的使用javascript
2008/04/11 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
2013/04/12 Javascript
14款NodeJS Web框架推荐
2014/07/11 NodeJs
jQuery中focus事件用法实例
2014/12/26 Javascript
javascript 闭包详解
2015/07/02 Javascript
JavaScript设置表单上传时文件个数的方法
2015/08/11 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
js实现获取div坐标的方法
2015/11/16 Javascript
javascript每日必学之封装
2016/02/23 Javascript
canvas实现十二星座星空图
2017/02/14 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
微信小程序手动添加收货地址省市区联动
2020/05/18 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
Python3 socket同步通信简单示例
2017/06/07 Python
Python中文件的读取和写入操作
2018/04/27 Python
Python subprocess库的使用详解
2018/10/26 Python
Python实现Event回调机制的方法
2019/02/13 Python
Python字符串对象实现原理详解
2019/07/01 Python
python实现连连看游戏
2020/02/14 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
params有什么用
2016/03/01 面试题
求职简历自荐信
2013/10/20 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
保护地球的标语
2014/06/17 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android