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