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

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