关于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 学习笔记(八)javascript对象
Apr 12 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
May 10 Javascript
下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
Sep 18 Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 Javascript
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 Javascript
JS实现的样式切换功能tableCSS实例
Dec 30 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
React如何将组件渲染到指定DOM节点详解
Sep 08 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
Jul 25 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
微信小程序实现拨打电话功能的示例代码
Jun 28 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
根德YB400的电路分析
2021/03/02 无线电
PHP UTF8编码内的繁简转换类
2009/07/20 PHP
php学习之数据类型之间的转换代码
2011/05/29 PHP
大家都应该掌握的PHP关联数组使用技巧
2015/12/25 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
javascript数组去掉重复
2011/05/12 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
jquery.cookie.js使用指南
2015/01/05 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
2015/11/05 Javascript
在一般处理程序(ashx)中弹出js提示语
2017/08/16 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
vue 检测用户上传图片宽高的方法
2020/02/06 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
JavaScript动画实例之粒子文本的实现方法详解
2020/07/28 Javascript
如何使用jQuery操作Cookies方法解析
2020/09/08 jQuery
浅析Python3爬虫登录模拟
2018/02/07 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
python获取服务器响应cookie的实例
2018/12/28 Python
Django logging配置及使用详解
2019/07/23 Python
Python Django Cookie 简单用法解析
2019/08/13 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
Python3运算符常见用法分析
2020/02/14 Python
玩具反斗城美国官网:Toys"R"Us
2016/09/17 全球购物
Topman美国官网:英国著名的国际平价时尚男装品牌
2017/12/22 全球购物
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
公司员工的自我评价范例
2013/11/01 职场文书
无传销社区工作方案
2014/05/13 职场文书
设备收款委托书范本
2014/10/02 职场文书
男方婚前保证书
2015/02/28 职场文书
爱国影片观后感
2015/06/18 职场文书
毕业证明书
2015/06/19 职场文书
如何利用Python实现一个论文降重工具
2021/07/09 Python