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

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

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试