zoukankan      html  css  js  c++  java
  • H+ 关闭menuTab页面

    //注:在contabs.js文件中 $(function () {  }); 方法外 加入
    //注: data-name="' + menuName + '" 这句是加入的自定义属性 用于以后通过name属性进行处理 如:通过name属性关闭tab页面
    //var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '"  data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>';
    //var str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-name="' + menuName + '" seamless></iframe>';
    //data-name 在这两句中要加入
    //调用示例
    function closeTab_Active(){ //alert("关闭当前");
      parent.closeTab_Active();
    }
    function closeTab_tabId(){ //alert("关闭id ");
      parent.closeTab_tabId("index-bootstrap.html");
    }
    function closeTab_tabName(){ alert("关闭name ");
      parent.closeTab_tabName("测试页2");
    }

      <a href="#" onclick="closeTab_Active(); "> 关闭当前</a>  

      <a href="#" onclick="closeTab_tabId(); "> 关闭id </a>  

      <a href="#" onclick="closeTab_tabName(); "> 关闭name</a>  

      <a href="#" onclick="parent.closeTab_tabName('测试页2'); "> 关闭测试页2</a>  

      //-------------------------实现代码------------------------------------
        //关闭Tab 当前TAB
        function closeTab_Active() {
             $(".J_menuTab.active",window.top.document).find(".fa.fa-times-circle").click();      
        }
        //关闭Tab 根据tabId
        function closeTab_tabId(tabId) {
             $(".J_menuTab[data-id='"+ tabId +"']",window.top.document).find(".fa.fa-times-circle").click();
        }
        //关闭Tab 根据tabName
        function closeTab_tabName(tabName) {  //alert(menuName);
            $('.J_menuTab').each(function () { //遍历所有TAB
                //alert($(this).data('name') );
                if ($(this).data('name') == tabName) { //有此nameTAB 则关闭  //alert($(this).data('id') );
                    $(".J_menuTab[data-id='"+ $(this).data('id') +"']",window.top.document).find(".fa.fa-times-circle").click();
                }
            });
        }
  • 相关阅读:
    Spark学习之Spark调优与调试(二)
    Spark学习之Spark调优与调试(一)
    Spark学习之在集群上运行Spark
    Spark学习之编程进阶总结(二)
    Spark学习之编程进阶总结(一)
    Spark学习之数据读取与保存总结(二)
    Spark学习之数据读取与保存总结(一)
    Eclipse 出现项目没有错但是项目名称却有红色感叹号或者红叉的解决办法
    CF1284E New Year and Castle Construction
    CF559E Gerald and Path
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/10226751.html
Copyright © 2011-2022 走看看