EasyUI tab加载iframe高度不适应

        在使用tab时用iframe主要是因为tab的href加载的是html片段,即时对应链接页面的body的内容,像在body外css和js等其他资源不会被加载到的。同时,在tab切换的时候可能会引起datagrid的toolbar消失,这个问题我在另外一篇文章说过解决办法。

       现在使用tab的content:content来添加iframe,例如

var content = '<iframe scrolling="auto" frameborder="0" src="'+ node.attributes.url+'" style="width:100%;height:100%;"></iframe>';
tabs.tabs('add', {
title : node.text,
//cache : false,
//href : node.attributes.url,
closable : true,
content : content
});

       这时可能会出现iframe高度显示不全,本人解决办法:iframe添加style="width:100%;height:100%;",在对应链接的页面的<html ><body>和显示不全的div及其父标签或其他标签添加style="width:100%;height:100%;",如何<html style="width:100%;height:100%;"><body style="width:100%;height:100%;"><div style="width:100%;height:100%;">。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值