H+ UI 新增Tab页 以及 刷新 Tab页面

首先贴一下H+框架的地址

http://yanshi.sucaihuo.com/modals/40/4078/demo/

 

想达到的效果是

 

点击充值。弹出一个新的 tab 选项窗口。下面贴一下代码

 //打开新的标签页
    function page(url, title) {
        var nav = $(window.parent.document).find('.J_menuTabs .page-tabs-content ');
        $(window.parent.document).find('.J_menuTabs .page-tabs-content ').find(".J_menuTab.active").removeClass("active");
        $(window.parent.document).find('.J_mainContent').find("iframe").css("display", "none");
        var iframe = '<iframe class="J_iframe" name="iframe10000" width="100%" height="100%" src="' + url + '" frameborder="0" data-id="' + url
            + '" seamless="" style="display: inline;"></iframe>';
        $(window.parent.document).find('.J_menuTabs .page-tabs-content ').append(
            ' <a href="javascript:;" class="J_menuTab active" data-id="'+url+'">' + title + ' <i class="fa fa-times-circle"></i></a>');
        $(window.parent.document).find('.J_mainContent').append(iframe);
    }

 //调用
 function openAgentNoticeInfo(){
        page("/agentNoticeInfo","通知及公告");
    }

 

 

还有一种需求。 就是我在操作A标签页。进行业务逻辑的时候 B标签页需要进行刷新。

 //刷新标签页
    function refreshHTab(data_id){
        console.log($(".J_menuTab"));
        var a = (window.top);
        console.log(a);
        var ele = a.document.querySelectorAll('[data-id="' + data_id + '"]')[1];
        ele.contentWindow.location.reload(true);
    }

调用方式：

refreshHTab("/companyAccountRecord");