关于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
Raphael一个用于在网页中绘制矢量图形的Javascript库
Jan 08 Javascript
浅谈javascript六种数据类型以及特殊注意点
Dec 20 Javascript
Javascript控制div属性动态变化实例分析
Oct 08 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
Mar 05 Javascript
AngularJS实现ajax请求的方法
Nov 22 Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 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
dedecms中使用php语句指南
2014/11/13 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
使用YII2框架实现微信公众号中表单提交功能
2017/09/04 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
JQUERY实现左侧TIPS滑进滑出效果示例
2013/06/27 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
JavaScript包装对象使用介绍
2013/08/29 Javascript
js实现简单的联动菜单效果
2015/08/19 Javascript
封装好的javascript前端分页插件pagination
2016/01/04 Javascript
easyui-combobox 实现简单的自动补全功能示例
2016/11/08 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
在nginx上部署vue项目(history模式)的方法
2017/12/28 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
Windows下安装 node 的版本控制工具 nvm
2020/02/06 Javascript
Antd的table组件表格的序号自增操作
2020/10/27 Javascript
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
Python实现在线暴力破解邮箱账号密码功能示例【测试可用】
2017/09/06 Python
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
Python3.5.3下配置opencv3.2.0的操作方法
2018/04/02 Python
详解Python中is和==的区别
2019/03/21 Python
解析python的局部变量和全局变量
2019/08/15 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
keras 如何保存最佳的训练模型
2020/05/25 Python
Python如何定义有可选参数的元类
2020/07/31 Python
python实现简单遗传算法
2020/09/18 Python
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
捷克汽车配件和工具销售网站:TorriaCars
2018/02/26 全球购物
SEPHORA丝芙兰捷克官网:购买香水、化妆品和护肤品
2018/11/26 全球购物
幼儿园消防安全制度
2014/01/26 职场文书
课外科技活动总结
2014/08/27 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
公司离职证明标准范本
2014/10/05 职场文书
安全生产先进个人总结
2015/02/15 职场文书
如何写好开幕词?
2019/06/24 职场文书
python源码剖析之PyObject详解
2021/05/18 Python