easyui 在子页面使用按钮关闭标签页/选项卡

最新推荐文章于 2022-09-28 15:26:18 发布

hero_hope

最新推荐文章于 2022-09-28 15:26:18 发布

阅读量4k

点赞数

分类专栏： easyUI 文章标签： easyUI关闭tab页 easyUI关闭父级tab页 easyUI按钮关闭tab页

本文链接：https://blog.csdn.net/hero_hope/article/details/80690913

版权

easyUI 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

需求：

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