Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁前觸發(fā)事件的解決方法
更新時間：2019年04月28日 14:11:19 作者：授客
這篇文章主要介紹了Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁前觸發(fā)事件 ,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
測試環(huán)境
jquery-easyui-1.5.3
需求場景
點擊父頁面tab 頁關(guān)閉按鈕時，需要做判斷，判斷該tab頁面是否可以關(guān)閉：獲取子頁面js中定義的taskStatus，如果taskStatu不為taskEnd，則表示任務(wù)還在執(zhí)行，不讓關(guān)閉
解決方法
給tab標(biāo)簽頁增加onBeforeClose事件處理函數(shù)，如下：
$(function(){
$('#tabs').tabs({
onBeforeClose: function(title,index){
if (title.indexOf('debug-') != -1) { // debug調(diào)試頁面,否則查看用例頁面
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)試運行，請等待運行結(jié)束后再關(guān)閉!', 'warn')
return false;
}
}
return true;
}
return true;
}
});
});
說明：這里title，index分別為所點擊tab的title和索引
總結(jié)
以上所述是小編給大家介紹的Easyui 關(guān)閉jquery-easui tab標(biāo)簽頁前觸發(fā)事件的解決方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
您可能感興趣的文章:
- jQuery EasyUI的TreeGrid查詢功能實現(xiàn)方法
- 基于jQuery Easyui實現(xiàn)登陸框界面
- Jquery Easyui選項卡組件Tab使用詳解（10）
- jQuery EasyUI 獲取tabs的實例解析
- jQuery EasyUI Tab 選項卡問題小結(jié)
- jQuery EasyUI 布局之動態(tài)添加tabs標(biāo)簽頁
- 基于Jquery easyui 選中特定的tab
- jquery easyui 結(jié)合jsp簡單展現(xiàn)table數(shù)據(jù)示例
- jQuery EasyUI API 中文文檔 - Tabs標(biāo)簽頁/選項卡
- jquery-easyui關(guān)閉tab自動切換到前一個tab
相關(guān)文章
這篇文章主要介紹了jquery通過ajax加載一段文本內(nèi)容的方法,是jQuery針對Ajax的靈活應(yīng)用,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
拉動滾動條加載數(shù)據(jù)的jquery代碼，需要的朋友可以參考下2012-05-05
這篇文章主要整理分享了jQuery修改class屬性和CSS樣式,十分詳細(xì)，需要的朋友可以參考下2015-01-01
使用jquery做了一個項目，下拉列表選擇項變化時，獲取選中項的文本在不同瀏覽器中的兼容性問題在本文將為大家介紹下2013-09-09
這篇文章主要介紹了jQuery實現(xiàn)的經(jīng)典滑動門效果,涉及jQuery基于鼠標(biāo)事件實現(xiàn)頁面元素的遍歷與樣式動態(tài)變換的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細(xì)介紹了jQuery Datatables表頭不對齊的解決辦法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
jQuery插件開發(fā)精品教程讓你的jQuery提升一個臺階
這篇文章主要介紹了jQuery插件開發(fā)精品教程讓你的jQuery提升一個臺階 的相關(guān)資料,需要的朋友可以參考下2016-01-01
需要有個右下角彈層提示公告的，下面分享早些時候自己編寫，以及現(xiàn)在還在應(yīng)用的自動彈層，需要的朋友可以參考下2013-11-11
這篇文章主要介紹了jQuery實現(xiàn)的表格展開伸縮效果,結(jié)合完整實例形式分析了jQuery響應(yīng)鼠標(biāo)事件動態(tài)修改頁面元素的相關(guān)技巧,需要的朋友可以參考下2016-09-09
本文為大家介紹下在每個匹配元素的外部插入新元素的方法，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12