shouke

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

分类:

技术点:

相关文章:

  • 2021-12-19
  • 2021-06-08
  • 2021-11-04
  • 2021-09-12
  • 2021-09-14
  • 2021-10-18
  • 2021-11-29
猜你喜欢
  • 2018-09-10
  • 2021-11-20
  • 2021-12-13
  • 2021-11-30
  • 2021-08-17
  • 2021-11-13
  • 2021-12-31
相关资源
相似解决方案