前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Easyui 关闭jquery-easui tab标签页前触发事件

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

作者头像
授客
发布2019-09-10 18:35:13
2.5K0
发布2019-09-10 18:35:13
举报
文章被收录于专栏:授客的专栏

测试环境

jquery-easyui-1.5.3

需求场景

点击父页面tab 页关闭按钮时,需要做判断,判断该tab页面是否可以关闭:获取子页面js中定义的taskStatus,如果taskStatu不为taskEnd,则表示任务还在执行,不让关闭

解决方法

给tab标签页增加onBeforeClose事件处理函数,如下:

代码语言:javascript
复制
$(function(){
代码语言:javascript
复制
    $('#tabs').tabs({
代码语言:javascript
复制
        onBeforeClose: function(title,index){
代码语言:javascript
复制
            if (title.indexOf('debug-') != -1) { // debug调试页面,否则查看用例页面
代码语言:javascript
复制
                var target = this;
代码语言:javascript
复制
                var tab = $(target).tabs('getTab', index);
代码语言:javascript
复制
                var tabID = tab.panel('options').id;
代码语言:javascript
复制
                var taskStatus = document.getElementById('iframe-' +  tabID).contentWindow.taskStatus;
代码语言:javascript
复制
                if (taskStatus) {
代码语言:javascript
复制
                    if ( taskStatus != 'taskEnd') {
代码语言:javascript
复制
                        $.messager.alert('告警', '正在调试运行,请等待运行结束后再关闭!', 'warn')
代码语言:javascript
复制
                        return false;
代码语言:javascript
复制
                    }
代码语言:javascript
复制
                }
代码语言:javascript
复制
                return true;
代码语言:javascript
复制
            }
代码语言:javascript
复制
            return true;
代码语言:javascript
复制
        }
代码语言:javascript
复制
    });
代码语言:javascript
复制
});

说明:这里title,index分别为所点击tab的title和索引

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-04-27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档