Easyui 关闭jquery-easui tab标签页前触发事件
关闭jquery-easui tab标签页前触发事件
by:授客 QQ:1033553122
测试环境
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和索引
作者:授客
微信/QQ:1033553122
全国软件测试QQ交流群:7156436
Git地址:https://gitee.com/ishouke
友情提示:限于时间仓促,文中可能存在错误,欢迎指正、评论!
作者五行缺钱,如果觉得文章对您有帮助,请扫描下边的二维码打赏作者,金额随意,您的支持将是我继续创作的源动力,打赏后如有任何疑问,请联系我!!!
微信打赏
支付宝打赏 全国软件测试交流QQ群
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步