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