关于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 相关文章推荐
AutoSave/自动存储功能实现
Mar 24 Javascript
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
Jun 10 Javascript
js DOM 元素ID就是全局变量
Sep 20 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
Apr 28 Javascript
JavaScript生成SQL查询表单的方法
Aug 13 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 Javascript
vue+axios新手实践实现登陆的示例代码
Jun 06 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
解决VUE双向绑定失效的问题
Oct 29 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
PHP中读写文件实现代码
2011/10/20 PHP
PHP使用ob_start生成html页面的方法
2014/11/07 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
5款适合PHP使用的HTML编辑器推荐
2015/07/03 PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
2018/12/05 PHP
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
不要在cookie中使用特殊字符的原因分析
2010/07/13 Javascript
jquery实现炫酷的叠加层自动切换特效
2015/02/01 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
2015/12/07 Javascript
15位和18位身份证JS校验的简单实例
2016/07/18 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
Centos7 中 Node.js安装简单方法
2016/11/02 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
详解vue2.0监听属性的使用心得及搭配计算属性的使用
2018/07/18 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
2020/06/11 Javascript
three.js 制作动态二维码的示例代码
2020/07/31 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
Python天气预报采集器实现代码(网页爬虫)
2012/10/07 Python
python不带重复的全排列代码
2013/08/13 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
python调用java的jar包方法
2018/12/15 Python
wxpython布局的实现方法
2019/11/01 Python
python orm 框架中sqlalchemy用法实例详解
2020/02/02 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
Python描述数据结构学习之哈夫曼树篇
2020/09/07 Python
记一次python 爬虫爬取深圳租房信息的过程及遇到的问题
2020/11/24 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
HTML5打开手机扫码功能及优缺点
2017/11/27 HTML / CSS
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
英国发展最快的在线超市之一:Click Marketplace
2021/02/15 全球购物
请写出char *p与"零值"比较的if语句
2014/09/24 面试题
校园达人秀策划书
2014/01/12 职场文书
社区服务活动总结
2014/05/07 职场文书
党的群众路线教育实践活动心得体会范文
2014/11/05 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
环卫工人慰问信
2015/02/15 职场文书