Easyui - 利用iframe打开tab以及在iframe打开父tab

此处介绍利用iframe打开tab(先上方法)

/**
 * 在iFrame中打开一个新tab
 * @param title
 * @param href
 */
function openTab(title,href){
    var e = $('#tabs').tabs('exists',title);
    if(e){
        $("#tabs").tabs('select',title);

        var tab = $("#tabs").tabs('getSelected');
        $('#tabs').tabs('update',{
            tab:tab,
            options:{
                title:title,
                content:'<iframe name="indextab" scrolling="auto" src="'+href+'" frameborder="0" style="width:100%;height:100%;"></iframe>',
                closable:true,
                selected:true
            }
        });
    }else{
        $('#tabs').tabs('add',{
            title:title,
            content:'<iframe name="indextab" scrolling="auto" src="'+href+'" frameborder="0" style="width:100%;height:100%;"></iframe>',
            iconCls:'',
            closable:true
        });
    }
}

因为easyui的tab是利用title(标题) 和url(链接) 来打开一个拥有什么内容的tab,title决定打开谁,url决定显示什么内容;

上面的openTab方法就需要这样两个参数

效果图:

如图上的 点击左边的Submenu,会在右边的tab里面打开一个tab,如果名称为title的tab存在,则打开此tab;反之,新开一个tab

如果要在iframe边打开一个新的tab,则要调用父窗口的openTab方法,如下:


parent.openTab(title,url);

因为项目用到,特此记录,也是网上找了好长时间的,也不知道或不记得这个出自谁的笔下,所以这里无耻的标记为原创了

神啊~原谅我

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值