关于ligerui子页面关闭后,父页面刷新,重新加载的方法

 更新时间:2019年09月27日 10:36:28   作者:cc_yy_zh  
今天小编就为大家分享一篇关于ligerui子页面关闭后,父页面刷新,重新加载的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

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子页面关闭后,父页面刷新,重新加载的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 前端iconfont两种使用方式举例详解

    前端iconfont两种使用方式举例详解

    这篇文章主要介绍了一种流行的网页图标解决方案Iconfont的相关资料,包括创建项目、添加图标、下载代码、在项目中使用Iconfont和自定义图标样式等步骤,需要的朋友可以参考下
    2025-01-01
  • js使用generator函数同步执行ajax任务

    js使用generator函数同步执行ajax任务

    这篇文章主要为大家详细介绍了js使用generator函数同步执行ajax任务,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • javascript jscroll模拟html元素滚动条

    javascript jscroll模拟html元素滚动条

    这里是自己在工作不太忙的时候写出来了一个用户可以自定义的滚动条jscroll,以下简称jscroll。jscroll默认只提供一种滚动条样式,部分样式来自google webstore ,其中有部分css3样式主要用于实现圆角,阴影效果
    2012-12-12
  • 微信小程序的宿主环境实现代码

    微信小程序的宿主环境实现代码

    这篇文章主要介绍了微信小程序的宿主环境,包括scroll-view 组件的基本使用,text 组件的基本使用及rich-text 组件的基本使用,本文通过示例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • 原生js实现自由拖拽弹窗代码demo

    原生js实现自由拖拽弹窗代码demo

    这篇文章主要为大家详细介绍了原生js实现弹窗拖拽代码demo,以及在实现js弹窗拖拽效果需要注意的事项,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • 关于JS精度丢失产生的原因以及解决方案

    关于JS精度丢失产生的原因以及解决方案

    在处理一些极端情况下的复杂数值计算时,我们可能会遇到这样的情况,就是运算结果丢失精度,下面这篇文章主要给大家介绍了关于JS精度丢失产生的原因以及解决方案的相关资料,需要的朋友可以参考下
    2024-01-01
  • Javascript实现Array和String互转换的方法

    Javascript实现Array和String互转换的方法

    这篇文章主要介绍了Javascript实现Array和String互转换的方法,涉及JavaScript中toString方法与split方法的使用技巧,需要的朋友可以参考下
    2015-12-12
  • js控制div及网页相关属性的代码

    js控制div及网页相关属性的代码

    js控制div及相关属性,对于需要控制页面内的元素的朋友可以参考下。
    2009-12-12
  • JS中国标准时间转化为年月日时分秒'yyyy-MM-dd hh:mm:ss'的示例详解

    JS中国标准时间转化为年月日时分秒'yyyy-MM-dd hh:mm:ss'的示例详解

    这篇文章主要介绍了JS中国标准时间转化为年月日时分秒‘yyyy-MM-dd hh:mm:ss‘的相关知识,通过示例代码介绍了,Js各种时间转换问题(YYYY-MM-DD 时间戳 中国标准时间),需要的朋友可以参考下
    2024-02-02
  • 微信小程序多列表渲染数据开关互不影响的实现

    微信小程序多列表渲染数据开关互不影响的实现

    这篇文章主要介绍了微信小程序多列表渲染数据开关互不影响的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06

最新评论