hero_hope的博客

你只是假装很努力

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

阅读更多
个人分类: easyUI
想对作者说点什么? 我来说一句

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

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭