关于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 相关文章推荐
禁止JQuery中的load方法装载IE缓存中文件的方法
Sep 11 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
JS实现图片产生波纹一样flash效果的方法
Feb 27 Javascript
分享一个原生的JavaScript拖动方法
Sep 25 Javascript
微信小程序 LOL 英雄介绍开发实例
Sep 30 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
js querySelector() 使用方法
Dec 21 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
Mar 29 Javascript
vue-cli3中vue.config.js配置教程详解
May 29 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
基于JavaScript实现表格隔行换色
May 08 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 在线翻译函数代码
2009/05/07 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
小结Node.js中非阻塞IO和事件循环
2014/09/18 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
2016/04/15 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
总结JavaScript三种数据存储方式之间的区别
2016/05/03 Javascript
JavaScript手机振动API
2016/06/11 Javascript
js html css实现复选框全选与反选
2016/10/09 Javascript
bootstrap警告框示例代码分享
2017/05/17 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
vue+webpack实现异步组件加载的方法
2018/02/03 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
vue+axios 前端实现的常用拦截的代码示例
2018/08/23 Javascript
VUE v-model表单数据双向绑定完整示例
2019/01/21 Javascript
AngularJs中$cookies简单用法分析
2019/05/30 Javascript
解决layui表格的表头不滚动的问题
2019/09/04 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
Python3使用requests登录人人影视网站的方法
2016/05/11 Python
Python tkinter模块中类继承的三种方式分析
2017/08/08 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
代码分析Python地图坐标转换
2018/02/08 Python
python实现list由于numpy array的转换
2018/04/04 Python
python使用插值法画出平滑曲线
2018/12/15 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
css3学习系列之移动属性详解
2017/07/04 HTML / CSS
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
Why do we need Unit test
2013/01/03 面试题
2014年党员创先争优承诺书
2014/05/29 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
芙蓉镇观后感
2015/06/10 职场文书
Python实现老照片修复之上色小技巧
2021/10/16 Python