Easyui關(guān)閉jquery-easui tab標(biāo)簽頁(yè)前觸發(fā)事件怎么辦

這篇文章主要介紹Easyui關(guān)閉jquery-easui tab標(biāo)簽頁(yè)前觸發(fā)事件怎么辦，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

測(cè)試環(huán)境

jquery-easyui-1.5.3

需求場(chǎng)景

點(diǎn)擊父頁(yè)面tab 頁(yè)關(guān)閉按鈕時(shí)，需要做判斷，判斷該tab頁(yè)面是否可以關(guān)閉：獲取子頁(yè)面js中定義的taskStatus，如果taskStatu不為taskEnd，則表示任務(wù)還在執(zhí)行，不讓關(guān)閉

解決方法

給tab標(biāo)簽頁(yè)增加onBeforeClose事件處理函數(shù)，如下：

$(function(){
 $('#tabs').tabs({
  onBeforeClose: function(title,index){
   if (title.indexOf('debug-') != -1) { // debug調(diào)試頁(yè)面,否則查看用例頁(yè)面
    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('告警', '正在調(diào)試運(yùn)行，請(qǐng)等待運(yùn)行結(jié)束后再關(guān)閉!', 'warn')
      return false;
     }
    }
    return true;
   }
   return true;
  }
 });
});

說(shuō)明：這里title，index分別為所點(diǎn)擊tab的title和索引

以上是“Easyui關(guān)閉jquery-easui tab標(biāo)簽頁(yè)前觸發(fā)事件怎么辦”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！