Easyui 关闭jquery-easui tab标签页前触发事件的解决方法


Posted in jQuery onApril 28, 2019

测试环境

jquery-easyui-1.5.3

需求场景

点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义的taskStatus,如果taskStatu不为taskEnd,则表示任务还在执行,不让关闭

Easyui 关闭jquery-easui tab标签页前触发事件的解决方法

解决方法

给tab标签页增加onBeforeClose事件处理函数,如下:

$(function(){
 $('#tabs').tabs({
  onBeforeClose: function(title,index){
   if (title.indexOf('debug-') != -1) { // debug调试页面,否则查看用例页面
    var target = this;
    var tab = $(target).tabs('getTab', index);
    var tabID = tab.panel('options').id;
    var taskStatus = document.getElementById('iframe-' + tabID).contentWindow.taskStatus;
    if (taskStatus) {
     if ( taskStatus != 'taskEnd') {
      $.messager.alert('告警', '正在调试运行,请等待运行结束后再关闭!', 'warn')
      return false;
     }
    }
    return true;
   }
   return true;
  }
 });
});

说明:这里title,index分别为所点击tab的title和索引

总结

以上所述是小编给大家介绍的Easyui 关闭jquery-easui tab标签页前触发事件的解决方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

jQuery 相关文章推荐
jQuery UI Grid 模态框中的表格实例代码
Apr 01 jQuery
详谈jQuery中使用attr(), prop(), val()获取value的异同
Apr 25 jQuery
jQuery树插件zTree使用方法详解
May 02 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
jQuery实现模糊查询的方法分析
May 10 jQuery
jQuery实现聊天对话框
Feb 08 jQuery
JQuery复选框全选效果如何实现
May 08 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
JQuery通过键盘控制键盘按下与松开触发事件
Aug 07 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 #jQuery
详解jquery和vue对比
Apr 16 #jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 #jQuery
详解jQuery中的getAll()和cleanData()
Apr 15 #jQuery
详解JQuery基础动画操作
Apr 12 #jQuery
详解jQuery设置内容和属性
Apr 11 #jQuery
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 #jQuery
You might like
PHP 一个随机字符串生成代码
2010/05/26 PHP
php中检查文件或目录是否存在的代码小结
2012/10/22 PHP
php常量详细解析
2015/10/27 PHP
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
jquery动态增加删减表格行特效
2015/11/20 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
学习javascript面向对象 理解javascript对象
2016/01/04 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
bootstrap组件之导航组件使用方法
2017/01/19 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
vue不通过路由直接获取url中参数的方法示例
2017/08/24 Javascript
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
决策树的python实现方法
2014/11/18 Python
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
使用python3.5仿微软记事本notepad
2016/06/15 Python
Python中运算符"=="和"is"的详解
2016/10/08 Python
python 第三方库的安装及pip的使用详解
2017/05/11 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
Python获取Redis所有Key以及内容的方法
2019/02/19 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
python 获取剪切板内容的两种方法
2020/11/28 Python
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
英国奢华护肤、美容和Spa品牌:Temple Spa
2019/11/02 全球购物
西式结婚主持词
2014/03/14 职场文书
学生吸烟检讨书
2014/09/14 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
先进班集体事迹材料
2014/12/25 职场文书
开天辟地观后感
2015/06/09 职场文书
详解CocosCreator消息分发机制
2021/04/16 Javascript
Win11任务栏无法正常显示 资源管理器不停重启的解决方法
2022/07/07 数码科技