当前位置: 移动技术网 > IT编程>开发语言>Jquery > Easyui 关闭jquery-easui tab标签页前触发事件

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

2019年04月28日  | 移动技术网IT编程  | 我要评论

应城市中医院,电脑出现应用程序错误,建兴高速

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

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网