Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
更新时间：2019年04月28日 14:11:19 作者：授客
这篇文章主要介绍了Easyui 关闭jquery-easui tab标签页前触发事件 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
测试环境
jquery-easyui-1.5.3
需求场景
点击父页面tab 页关闭按钮时，需要做判断，判断该tab页面是否可以关闭：获取子页面js中定义的taskStatus，如果taskStatu不为taskEnd，则表示任务还在执行，不让关闭
解决方法
给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插件结合setInterval、animate进行动画操作的相关使用技巧,并附带源码供读者下载参考,需要的朋友可以参考下2018-02-02
jquery $.trim()去除字符串空格的实现方法【附图例】
下面小编就为大家带来一篇jquery $.trim()去除字符串空格的实现方法【附图例】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-03-03
本篇文章主要介绍了基于jQuery的左滑出现删除按钮的示例，这里整理了详细的代码,非常具有实用价值，需要的朋友可以参考下2017-08-08
在网上可以随处找到这段代码，但是没有任何人解释这段代码，只要自己研究好久。2010-06-06
jquery radio 操作代码，需要的朋友可以参考下。2011-03-03
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
这篇文章主要介绍了jQuery实现表格隔行及滑动,点击时变色的方法,可实现表格隔行变色以及鼠标滑过与点击时变色的功能,涉及jQuery响应鼠标事件及页面元素样式动态改变的相关技巧,需要的朋友可以参考下2016-08-08
jQuery 在现在的Web开发项目中扮演着重要角色，jQuery 让网站有更好的可用性和用户体验，让访问者对网站留下非常好的印象2012-03-03
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
这篇文章主要介绍了使用JQuery快速实现Tab的AJAX动态载入(实例讲解)需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这篇文章主要介绍了jQuery实现动态添加tr到table的方法,涉及jQuery针对table表格元素的动态操作相关技巧,需要的朋友可以参考下2016-12-12
jquery checkbox无法用attr()二次勾选问题的解决方法
下面小编就为大家带来一篇jquery checkbox无法用attr()二次勾选问题的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
最新评论