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

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页