EasyUI—点击tab内容中的链接，在父级tab上新增一个tab

最新推荐文章于 2021-12-23 16:15:22 发布

-Focus

最新推荐文章于 2021-12-23 16:15:22 发布

阅读量6.6k

点赞数 3

分类专栏： Jquery 文章标签： easyui jquery function

本文链接：https://blog.csdn.net/u011450110/article/details/45191947

版权

Jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

先来说下添加tabs的两种方式

第一种以href链接的方式：

function addTab(title, url){
            if ($('#tt').tabs('exists', title)){
                $('#tt').tabs('select', title);
            } else {
                $('#tt').tabs('add',{
                    title:title,
                    href:url,     //tab中显示的内容
                    closable:true
                });
            }
        }

第二种以iframe的方式：

function addTab(title, url){
            if ($('#tt').tabs('exists', title)){
                $('#tt').tabs('select', title);
            } else {
                var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
                $('#tt').tabs('add',{
                    title:title,
                    content:content,   //tab中显示的内容
                    closable:true
                });
            }
        }

想要实现点击tab内容中的链接，在父级中tab上新增一个tab的话，须以iframe方式来添加父级tab。

在tab内容中，即url页面中，需要在链接上实现下面这个方法：

function add（）{
    		var parent$ = self.parent.$;      //找到父级DOM
    		parent$('#tt').tabs('add',{       //实现add方法
    			title:'百度',
    			href:'www.baidu.com',
    			closable:true,
    			});
    		},