Easyui 关闭jquery-easui tab标签页前触发事件
程序员文章站
2022-06-08 15:00:29
关闭jquery-easui tab标签页前触发事件 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 需求场景 点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义的taskStatus,如果taskStatu不为t ......
关闭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和索引