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实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
关于jquery layui弹出层的使用方法
Apr 21 jQuery
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
jquery传参及获取方式(两种方式)
Feb 13 jQuery
jQuery实现动态加载瀑布流
Sep 01 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截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
js 调整select 位置的函数
2008/02/21 Javascript
载入jQuery库的最佳方法详细说明及实现代码
2012/12/28 Javascript
JQuery实现用户名无刷新验证的小例子
2013/03/22 Javascript
javascript仿php的print_r函数输出json数据
2013/09/13 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
2013/11/08 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
js中日期的加减法
2015/05/06 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
vue中监听返回键问题
2019/08/28 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
基于JavaScript获取url参数2种方法
2020/04/17 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
python编程嵌套函数实例代码
2018/02/11 Python
django数据库自动重连的方法实例
2019/07/21 Python
Python drop方法删除列之inplace参数实例
2020/06/27 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
python判断字符串以什么结尾的实例方法
2020/09/18 Python
使用Python+Appuim 清理微信的方法
2021/01/26 Python
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
Perfume’s Club法国站:购买香水和化妆品
2019/05/02 全球购物
设备动力科岗位职责范本
2014/02/23 职场文书
业务部门经理岗位职责
2014/02/23 职场文书
《长相思》听课反思
2014/04/10 职场文书
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
导游词之沈阳清昭陵
2019/12/28 职场文书
详细谈谈MYSQL中的COLLATE是什么
2021/06/11 MySQL