Easyui 关闭jquery-easui tab标签页前触发事件

关闭jquery-easui tab标签页前触发事件

by:授客 QQ1033553122

 

测试环境

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和索引

posted @   授客  阅读(1525)  评论(0编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示