Easyui 關閉jquery-easui tab標簽頁前觸發(fā)事件的解決方法
更新時間：2019年04月28日 14:11:19 作者：授客
這篇文章主要介紹了Easyui 關閉jquery-easui tab標簽頁前觸發(fā)事件 ,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
測試環(huán)境
jquery-easyui-1.5.3
需求場景
點擊父頁面tab 頁關閉按鈕時，需要做判斷，判斷該tab頁面是否可以關閉：獲取子頁面js中定義的taskStatus，如果taskStatu不為taskEnd，則表示任務還在執(zhí)行，不讓關閉
解決方法
給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和索引
總結
以上所述是小編給大家介紹的Easyui 關閉jquery-easui tab標簽頁前觸發(fā)事件的解決方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要介紹了jQuery實現的下雪動畫效果,涉及jQuery插件結合setInterval、animate進行動畫操作的相關使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-02-02
jquery $.trim()去除字符串空格的實現方法【附圖例】
下面小編就為大家?guī)硪黄猨query $.trim()去除字符串空格的實現方法【附圖例】。小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-03-03
本篇文章主要介紹了基于jQuery的左滑出現刪除按鈕的示例，這里整理了詳細的代碼,非常具有實用價值，需要的朋友可以參考下2017-08-08
在網上可以隨處找到這段代碼，但是沒有任何人解釋這段代碼，只要自己研究好久。2010-06-06
jquery radio 操作代碼，需要的朋友可以參考下。2011-03-03
jQuery實現表格隔行及滑動,點擊時變色的方法【測試可用】
這篇文章主要介紹了jQuery實現表格隔行及滑動,點擊時變色的方法,可實現表格隔行變色以及鼠標滑過與點擊時變色的功能,涉及jQuery響應鼠標事件及頁面元素樣式動態(tài)改變的相關技巧,需要的朋友可以參考下2016-08-08
jQuery 在現在的Web開發(fā)項目中扮演著重要角色，jQuery 讓網站有更好的可用性和用戶體驗，讓訪問者對網站留下非常好的印象2012-03-03
使用JQuery快速實現Tab的AJAX動態(tài)載入(實例講解)
這篇文章主要介紹了使用JQuery快速實現Tab的AJAX動態(tài)載入(實例講解)需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了jQuery實現動態(tài)添加tr到table的方法,涉及jQuery針對table表格元素的動態(tài)操作相關技巧,需要的朋友可以參考下2016-12-12
jquery checkbox無法用attr()二次勾選問題的解決方法
下面小編就為大家?guī)硪黄猨query checkbox無法用attr()二次勾選問題的解決方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07