关于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实现的一个选择中国大学的弹框 (数据、步骤、代码)
Jul 26 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
May 07 Javascript
IE8下String的Trim()方法失效的解决方法
Nov 08 Javascript
jquery(hide方法)隐藏指定元素实例
Nov 11 Javascript
js跳转页面方法实现汇总
Feb 11 Javascript
理解JavaScript中worker事件api
Dec 25 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
基于Bootstrap实现图片轮播效果
May 22 Javascript
Jquery获取第一个子元素简单实例
Jun 02 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
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
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
PHP队列用法实例
2014/11/05 PHP
php给一组指定关键词添加span标签的方法
2015/03/31 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
2013/12/11 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
使用bootstrap validator的remote验证代码经验分享(推荐)
2016/09/21 Javascript
ES6新特性四:变量的解构赋值实例
2017/04/21 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
手把手教你vue-cli单页到多页应用的方法
2018/05/31 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
Python3 能振兴 Python的原因分析
2014/11/28 Python
列举Python中吸引人的一些特性
2015/04/09 Python
Python模块WSGI使用详解
2018/02/02 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
Python常见数据类型转换操作示例
2019/05/08 Python
pyQt5实时刷新界面的示例
2019/06/25 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
Python中list循环遍历删除数据的正确方法
2019/09/02 Python
Python While循环语句实例演示及原理解析
2020/01/03 Python
Canvas 像素处理之改变透明度的实现代码
2019/01/08 HTML / CSS
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
房产公证书
2015/01/23 职场文书
2015年大学生党员承诺书
2015/04/27 职场文书
MySQL 表空间碎片的概念及相关问题解决
2021/05/07 MySQL
Redis Stream类型的使用详解
2021/11/11 Redis
MySQL提取JSON字段数据实现查询
2022/04/22 MySQL