关于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中删除元素的实现代码
Dec 29 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
Aug 21 Javascript
点评js异步加载的4种方式
Dec 22 Javascript
AngularJS入门教程引导程序
Aug 18 Javascript
javascript this详细介绍
Sep 19 Javascript
详解Angular-Cli中引用第三方库
May 21 Javascript
深入理解Angular4订阅(Subscribe)与取消
Nov 22 Javascript
vue如何在自定义组件中使用v-model
May 14 Javascript
JavaScript实现星级评价效果
May 17 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 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
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
php实现数据库的增删改查
2017/02/26 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
破解Session cookie的方法
2006/07/28 Javascript
window.ActiveXObject使用说明
2010/11/08 Javascript
brook javascript框架介绍
2011/10/10 Javascript
Jquery 动态循环输出表格具体方法
2013/11/23 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
js代码实现点击按钮出现60秒倒计时
2021/01/28 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
vuejs实现折叠面板展开收缩动画效果
2018/09/06 Javascript
layui监听单元格编辑前后交互的例子
2019/09/16 Javascript
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
2020/08/06 Javascript
[07:57]2018DOTA2国际邀请赛寻真——PSG.LGD凤凰浴火
2018/08/12 DOTA
简析Python的闭包和装饰器
2016/02/26 Python
Python多进程写入同一文件的方法
2019/01/14 Python
python实现学生成绩测评系统
2020/06/22 Python
解决TensorFlow调用Keras库函数存在的问题
2020/07/06 Python
学习Python爬虫的几点建议
2020/08/05 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
海蓝之谜(LA MER)澳大利亚官方商城:全球高端奢华护肤品牌
2017/10/27 全球购物
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
计算机学生求职信范文
2014/01/30 职场文书
五一手机促销方案
2014/03/08 职场文书
目标管理责任书
2014/04/15 职场文书
《梅花魂》教学反思
2014/04/30 职场文书
对照检查剖析材料
2014/09/30 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL