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的Promise的具体使用方法
Oct 10 jQuery
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
jQuery length 和 size()区别总结
Apr 26 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
深入浅析angular和vue还有jquery的区别
Aug 13 jQuery
jQuery pagination分页示例详解
Oct 23 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
JQueryDOM之样式操作
Mar 27 jQuery
jquery登录的异步验证操作示例
May 09 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 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实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
PHP中round()函数对浮点数进行四舍五入的方法
2014/11/19 PHP
PHP中使用imagick实现把PDF转成图片
2015/01/26 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
Yii视图CGridView列表用法实例分析
2016/07/12 PHP
php简单实现多维数组排序的方法
2016/09/30 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
jQuery Tools tab(幻灯片)
2012/07/14 Javascript
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
Google官方支持的NodeJS访问API,提供后台登录授权
2014/07/29 NodeJs
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
JS使用cookie设置样式的方法
2016/06/30 Javascript
js HTML5多媒体影音播放
2016/10/17 Javascript
ES6模块化的import和export用法方法总结
2017/08/08 Javascript
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
了解JavaScript表单操作和表单域
2019/05/27 Javascript
ES6 Promise对象的含义和基本用法分析
2019/06/14 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
2021/03/01 Vue.js
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
Python实现把json格式转换成文本或sql文件
2015/07/10 Python
Python读取mat文件,并转为csv文件的实例
2018/07/04 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
Python坐标线性插值应用实现
2019/11/13 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
PyCharm Ctrl+Shift+F 失灵的简单有效解决操作
2021/01/15 Python
anaconda升级sklearn版本的实现方法
2021/02/22 Python
HTML5 canvas画图并保存成图片的jcanvas插件
2014/01/17 HTML / CSS
如何删除一个表里面的重复行
2013/07/13 面试题
《棉鞋里的阳光》教学反思
2014/04/24 职场文书
2015年个人招商工作总结
2015/04/25 职场文书
焦裕禄观后感
2015/06/03 职场文书
用php如何解决大文件分片上传问题
2021/07/07 PHP
悬疑名作《朋友游戏》动画无字ED宣传片 新角色公开
2022/04/13 日漫