H+后台UI框架，单击按钮增加新的选项卡

问题：

　　使用H+时，发现单击按钮不能打开新的选项卡，新页面会直接替换掉原先的页面

经查需要自己写方法：

　　一种是直接在页面中增加js方法（我采用的）；

　　另一种是修改contabs.js文件（参考：https://blog.csdn.net/wanghwang2008/article/details/80373679，但我使用未实现）

 

需求：

　　如图,单击后方的查看按钮，查看该行的数据对比详情页面。

 

 

解决：

　　在需要调用的页面增加该js函数：

// 打开新页面
// 打开自定义新选项卡：test
// 打开系统选项卡：查看提现记录
function openTabPage(url, title) {
    var wpd = $(window.parent.document);
    var mainContent = wpd.find('.J_mainContent');
    var thisIframe = mainContent.find("iframe[data-id='"+ url +"']");
    var pageTabs = wpd.find('.J_menuTabs .page-tabs-content ')
    pageTabs.find(".J_menuTab.active").removeClass("active");
    mainContent.find("iframe").css("display", "none");
    if(thisIframe.length > 0){    // 选项卡已打开
        thisIframe.css("display", "inline");
        pageTabs.find(".J_menuTab[data-id='"+ url +"']").addClass("active");
    }else{
        var menuItem = wpd.find("a.J_menuItem[href='"+ url +"']");
        var dataIndex = title == undefined ? menuItem.attr("data-index") : '9999';
        var _title = title == undefined ? menuItem.find('.nav-label').text() : title;
        var iframe = '';
        pageTabs.append(
                ' ' + _title + ' ');
        mainContent.append(iframe);
        //显示loading提示
        var loading = top.layer.load();
        mainContent.find('iframe:visible').load(function () {
            //iframe加载完成后隐藏loading提示
            top.layer.close(loading);
        });
    }
        
}

调用时传递url和新选项卡title就行了