关于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 页面模板化很多人没有使用过的方法
Jun 05 Javascript
载入jQuery库的最佳方法详细说明及实现代码
Dec 28 Javascript
js使下拉列表框可编辑不止是选择
Dec 12 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
Nov 17 Javascript
学习使用bootstrap基本控件(table、form、button)
Apr 12 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
JavaScript中的return布尔值的用法和原理解析
Aug 14 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
vue两个组件间值的传递或修改方式
Jul 04 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
May 18 Javascript
Vue实现日历小插件
Jun 26 Javascript
详解JS函数防抖
Jun 05 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的网址
2006/11/25 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
javaScript 页面自动加载事件详解
2014/02/10 Javascript
在浏览器中打开或关闭JavaScript的方法
2015/06/03 Javascript
JavaScript 2048 游戏实例代码(简单易懂)
2016/03/25 Javascript
js中获取时间new Date()的全面介绍
2016/06/20 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
基于jQuery实现的打字机效果
2017/01/16 Javascript
详解vue与后端数据交互(ajax):vue-resource
2017/03/16 Javascript
springmvc接收jquery提交的数组数据代码分享
2017/10/28 jQuery
js实现随机数小游戏
2019/06/28 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
2020/08/04 Javascript
[48:44]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS HGT
2014/05/22 DOTA
Python中使用items()方法返回字典元素对的教程
2015/05/21 Python
浅谈django model的get和filter方法的区别(必看篇)
2017/05/23 Python
Python tkinter模块中类继承的三种方式分析
2017/08/08 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
浅谈Django中的数据库模型类-models.py(一对一的关系)
2018/05/30 Python
pandas删除指定行详解
2019/04/04 Python
Pytorch卷积层手动初始化权值的实例
2019/08/17 Python
使用python+poco+夜神模拟器进行自动化测试实例
2020/04/23 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
python中pop()函数的语法与实例
2020/12/01 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
Joules美国官网:出色的英国风格
2017/10/30 全球购物
法国二手MacBook销售网站:Okamac
2019/03/18 全球购物
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
应届生新闻编辑求职信
2013/11/19 职场文书
服装厂厂长职责
2013/12/16 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
2014年财政局工作总结
2014/12/09 职场文书
薪资证明范本
2015/06/19 职场文书
小学生暑假生活总结
2015/07/13 职场文书
求职自我评价参考范文
2019/05/16 职场文书