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 zTree树插件动态加载实例代码
May 11 jQuery
jQuery遮罩层实例讲解
May 11 jQuery
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
jQuery:unbind方法的使用详解
Aug 14 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 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
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
ecshop 批量上传(加入自定义属性)
2012/03/20 PHP
使用PHP函数scandir排除特定目录
2014/06/12 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
php表单处理操作
2017/11/16 PHP
Lumen timezone 时区设置方法(慢了8个小时)
2018/01/20 PHP
jquery 学习之一 对象访问
2010/11/23 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
2012/02/13 Javascript
javascript获取url上某个参数的方法
2013/11/08 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
按Enter键触发事件的jquery方法实现代码
2014/02/17 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
深入解析JavaScript中的立即执行函数
2016/05/21 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
vue-cli3 karma单元测试的实现
2019/01/18 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
vue中v-model对select的绑定操作
2020/08/31 Javascript
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
使用python编写简单的小程序编译成exe跑在win10上
2018/01/15 Python
TensorFlow变量管理详解
2018/03/10 Python
python微信公众号开发简单流程
2018/03/23 Python
python requests 测试代理ip是否生效
2018/07/25 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
Python脚本操作Excel实现批量替换功能
2019/11/20 Python
浅谈Python访问MySQL的正确姿势
2020/01/07 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
通信工程专业个人找工作求职信范文
2013/09/21 职场文书
成品仓管员岗位职责
2013/12/11 职场文书
工地资料员岗位职责
2013/12/31 职场文书
优秀班干部事迹材料
2014/01/26 职场文书
设备收款委托书范本
2014/10/02 职场文书
个人廉政承诺书
2015/04/28 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
Windows 11上手初体验:任务栏和开始菜单等迎来大改
2021/11/21 数码科技