关于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 对象的属性和方法4种不同的类型
Mar 19 Javascript
jQuery中:focus选择器用法实例
Dec 30 Javascript
JS清除选择内容的方法
Jan 29 Javascript
JavaScript里四舍五入函数round用法实例
Apr 06 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机的方法
Oct 05 Javascript
JS克隆,属性,数组,对象,函数实例分析
Nov 26 Javascript
js实现年月日表单三级联动
Apr 17 Javascript
Javascript中click与blur事件的顺序详析
Apr 25 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
Dec 01 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
Sep 03 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 REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
详解PHP显示MySQL数据的三种方法
2008/06/05 PHP
PHP的MVC模式实现原理分析(一相简单的MVC框架范例)
2014/04/29 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
通过PHP自带的服务器来查看正则匹配结果的方法
2015/12/24 PHP
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
常用的Javascript数据验证插件
2015/08/04 Javascript
Google Maps基础及实例解析
2016/08/06 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
vue 中滚动条始终定位在底部的方法
2018/09/03 Javascript
微信小程序使用自定义组件导航实现当前页面高亮
2020/01/02 Javascript
原生js实现碰撞检测
2020/03/12 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
[03:14]DOTA2斧王 英雄基础教程
2013/11/26 DOTA
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
python中Pycharm 输出中文或打印中文乱码现象的解决办法
2017/06/16 Python
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
django rest framework之请求与响应(详解)
2017/11/06 Python
浅谈Python中的全局锁(GIL)问题
2019/01/11 Python
Python内存管理实例分析
2019/07/10 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
Python pandas如何向excel添加数据
2020/05/22 Python
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
2018/08/28 HTML / CSS
H5 video poster属性设置视频封面的方法
2020/05/25 HTML / CSS
希腊品牌鞋类销售网站:epapoutsia.gr
2020/03/18 全球购物
法学毕业生自我鉴定
2013/11/08 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
结婚司仪主持词
2015/06/29 职场文书
工作简历的自我评价
2019/05/16 职场文书
有趣的二维码:使用MyQR和qrcode来制作二维码
2021/05/10 Python
golang内置函数len的小技巧
2021/07/25 Golang
Python 数据结构之十大经典排序算法一文通关
2021/10/16 Python
Python制作春联的示例代码
2022/01/22 Python