快捷導(dǎo)航

Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁(yè)前觸發(fā)事件的解決方法

更新時(shí)間：2019年04月28日 14:11:19 作者：授客

這篇文章主要介紹了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和索引

總結(jié)

以上所述是小編給大家介紹的Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁(yè)前觸發(fā)事件的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

jquery通過(guò)ajax加載一段文本內(nèi)容的方法
這篇文章主要介紹了jquery通過(guò)ajax加載一段文本內(nèi)容的方法,是jQuery針對(duì)Ajax的靈活應(yīng)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-01-01
拉動(dòng)滾動(dòng)條加載數(shù)據(jù)的jquery代碼
拉動(dòng)滾動(dòng)條加載數(shù)據(jù)的jquery代碼，需要的朋友可以參考下
2012-05-05
jQuery修改class屬性和CSS樣式整理
這篇文章主要整理分享了jQuery修改class屬性和CSS樣式,十分詳細(xì)，需要的朋友可以參考下
2015-01-01
下拉列表選擇項(xiàng)的選中在不同瀏覽器中的兼容性問(wèn)題探討
使用jquery做了一個(gè)項(xiàng)目，下拉列表選擇項(xiàng)變化時(shí)，獲取選中項(xiàng)的文本在不同瀏覽器中的兼容性問(wèn)題在本文將為大家介紹下
2013-09-09
jQuery實(shí)現(xiàn)的經(jīng)典滑動(dòng)門效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的經(jīng)典滑動(dòng)門效果,涉及jQuery基于鼠標(biāo)事件實(shí)現(xiàn)頁(yè)面元素的遍歷與樣式動(dòng)態(tài)變換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09
jQuery Datatables表頭不對(duì)齊的解決辦法
這篇文章主要為大家詳細(xì)介紹了jQuery Datatables表頭不對(duì)齊的解決辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
jQuery插件開(kāi)發(fā)精品教程讓你的jQuery提升一個(gè)臺(tái)階
這篇文章主要介紹了jQuery插件開(kāi)發(fā)精品教程讓你的jQuery提升一個(gè)臺(tái)階的相關(guān)資料,需要的朋友可以參考下
2016-01-01
javascript右下角彈層及自動(dòng)隱藏(自己編寫)
需要有個(gè)右下角彈層提示公告的，下面分享早些時(shí)候自己編寫，以及現(xiàn)在還在應(yīng)用的自動(dòng)彈層，需要的朋友可以參考下
2013-11-11
jQuery實(shí)現(xiàn)的表格展開(kāi)伸縮效果實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的表格展開(kāi)伸縮效果,結(jié)合完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下
2016-09-09
在每個(gè)匹配元素的外部插入新元素的方法
本文為大家介紹下在每個(gè)匹配元素的外部插入新元素的方法，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-12-12