easyui 在子頁面使用按鈕關閉標籤頁/選項卡
阿新 • • 發佈:2019-01-05
需求:
easyUI 關閉tab頁
方法:
$("#tt").tabs("close", title) 或者 $("#tt").tabs("close", index)
業務場景:
1.當按鈕和tab頁處於同一個html
//method one (引數傳遞為title) var tab = $("#tt").tabs("getSelected"); //獲取當前選中的tab物件 var title = tab.panel("options").title; //獲取title $("#tt").tabs("close", title); //關閉當前tab頁 //method two (引數傳遞為index) var tab = $("#tt").tabs("getSelected"); //獲取當前選中的tab物件 var index = $("#tt").tabs("getTabIndex", tab); //獲取當前tab的索引 $("#tt").tabs("close", index ); //關閉當前tab頁
2.當tab頁處於按鈕的父級頁面
//method one (引數傳遞為title) var tab = window.parent.$("#tt").tabs("getSelected"); //獲取當前選中的tab物件 var title = tab.panel("options").title; //獲取title window.parent.$("#tt").tabs("close", title); //關閉當前tab頁 //method two (引數傳遞為index) var tab = window.parent.$("#tt").tabs("getSelected"); //獲取當前選中的tab物件 var index = window.parent.$("#tt").tabs("getTabIndex", tab); //獲取當前tab的索引 window.parent.$("#tt").tabs("close", index ); //關閉當前tab頁
注:文中$("#tt")為帶有class="easyui-tabs"的div,想要關閉的tab頁在它的子元素下