关于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 相关文章推荐
自己的js工具 Cookie 封装
Aug 21 Javascript
window.parent与window.openner区别介绍
Apr 12 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
Jul 09 Javascript
jquery获取复选框被选中的值
Mar 22 Javascript
在JavaScript的正则表达式中使用exec()方法
Jun 16 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
JavaScript事件 "事件对象"的注意要点
Jan 14 Javascript
JavaScript通过filereader接口读取文件
May 10 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 Javascript
Vue infinite update loop的问题解决
Apr 23 Javascript
angular使用md5,CryptoJS des加密的方法
Jun 03 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
Aug 20 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
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
session在PHP大型web应用中的使用
2011/06/25 PHP
使用PHP实现密保卡功能实现代码<打包下载直接运行>
2011/10/09 PHP
用PHP实现浏览器点击下载TXT文档的方法详解
2013/06/02 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
dojo 之基础篇
2007/03/24 Javascript
用javascript实现计算两个日期的间隔天数
2007/08/14 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
JavaScript判断前缀、后缀是否是空格的方法
2015/04/15 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
jquery显示隐藏元素的实现代码
2016/05/19 Javascript
Vuejs 组件——props数据传递的实例代码
2017/03/07 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
2017/03/10 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
vue中使用rem布局代码详解
2019/10/30 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
python实现的解析crontab配置文件代码
2014/06/30 Python
Python入门教程之if语句的用法
2015/05/14 Python
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
python web框架 django wsgi原理解析
2019/08/20 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
美国睫毛、眉毛精华液领导品牌:RevitaLash Cosmetics
2018/03/26 全球购物
宠物店的创业计划书范文
2014/01/11 职场文书
党课知识竞赛主持词
2014/04/01 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
2014年残联工作总结
2014/11/21 职场文书
培训讲师开场白
2015/06/01 职场文书