1. 程式人生 > >easyui 在子頁面使用按鈕關閉標籤頁/選項卡

easyui 在子頁面使用按鈕關閉標籤頁/選項卡

需求:

       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頁在它的子元素下