EasyUI tab加载iframe高度不适应

来源：互联网发布：virtuixomni淘宝编辑：程序博客网时间：2024/05/02 12:18

在使用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%;">。

0 0