在tab页内点击链接打开新的同级新tab页

最新推荐文章于 2023-11-15 16:28:48 发布

御剑叹

最新推荐文章于 2023-11-15 16:28:48 发布

阅读量3k

点赞数

分类专栏： easyui

easyui 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用 EasyUI 的 addTab 函数来动态添加和刷新标签页的方法。该函数首先检查指定标题的标签页是否存在，如果不存在，则创建一个新的包含 iframe 的标签页并添加到 tabPanel 中；如果已存在，则直接选择该标签页并刷新其内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 *  定义addTab函数
 */
function addTab(title, url, iconCls){
    var tabPanel =parent.$('#tabs');//重点在这一句！
    if(!tabPanel.tabs('exists',title)){
        var content = '<iframe scrolling="auto" frameborder="0"  src="'+ url +'" style="width:100%;height:100%;"></iframe>';
        tabPanel.tabs('add',{//添加一个新的标签页面板
            title:title,
            content:content,
            iconCls:iconCls,
            fit:true,
            closable:true
        });
    }
    else
    {
        tabPanel.tabs('select',title);// 如果所选面板已经存在，跳转到选择面板
        var tab = tabPanel.tabs('getSelected');
        tab.panel('refresh');//刷新面板
    }
};