关于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 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
浅析javascript闭包 实例分析
Dec 25 Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 Javascript
可自己添加html的伪弹出框实现代码
Sep 08 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 Javascript
Vue实现微信支付功能遇到的坑
Jun 05 Javascript
浅谈webpack构建工具配置和常用插件总结
May 11 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
起点页面传值js,有空研究学习下
2010/01/25 Javascript
jQuery简单实现禁用右键菜单
2015/03/10 Javascript
简单实现vue验证码60秒倒计时功能
2017/10/11 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
微信小程序异步API为Promise简化异步编程的操作方法
2018/08/14 Javascript
详解JavaScript事件循环机制
2018/09/07 Javascript
Javascript中弹窗confirm与prompt的区别
2018/10/26 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
js中offset,client , scroll 三大元素知识点总结
2019/09/11 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
微信小程序返回上一级页面的实现代码
2020/06/19 Javascript
[03:49]2016完美“圣”典风云人物:AMS专访
2016/12/06 DOTA
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
Python天气预报采集器实现代码(网页爬虫)
2012/10/07 Python
python学习手册中的python多态示例代码
2014/01/21 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
如何让PyQt5中QWebEngineView与JavaScript交互
2020/10/21 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
Python抖音快手代码舞(字符舞)的实现方法
2021/02/07 Python
css3制作彩色边线3d立体按钮的示例(css3按钮)
2014/05/06 HTML / CSS
CSS3色彩模式有哪些?CSS3 HSL色彩模式的定义
2016/04/26 HTML / CSS
html5声频audio和视频video等新特性详细说明
2012/12/26 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
机电一体化专业应届生求职信
2013/11/27 职场文书
小学生防溺水广播稿
2014/01/12 职场文书
财务总经理岗位职责
2014/02/16 职场文书
《春笋》教学反思
2014/04/15 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
宾馆客房管理制度
2015/08/06 职场文书
提取视频中的音频 Python只需要三行代码!
2021/05/10 Python
mybatis中sql语句CDATA标签的用法说明
2021/06/30 Java/Android
新手初学Java List 接口
2021/07/07 Java/Android