您的位置：首页 > 产品设计 > UI/UE

easyui tab 加载iframe 高度问题

2015-05-06 16:38 393 查看

其实按网上搜的结果，

easyui

有个

data-options

属性是

fit:true

. 加上他之后会使得自适应父类的宽高。

加上之后，发现个问题，当刷新tab内容的时候高度是对的，但是新建tab的时候高度还是没自适应。下面解决办法是，新建之后再update下当前选中的tab.简单暴力。立竿见影：

// 新建tab
function open1(plugin,route){
if ($('#tt').tabs('exists',plugin)){
$('#tt').tabs('select', plugin);
// tab刷新内容
var tab = $('#tt').tabs('getSelected');
$("#tt").tabs('update', {
tab: tab,
options: {
title: plugin,
content: '<iframe scrolling="auto" frameborder="0"  src="'+route+'" style="width:100%;height:100%;"></iframe>',
closable: true,
selected:true
}
});
} else {
//var content = '<iframe scrolling="auto" frameborder="0"  src="'+route+'" style="width:100%;height:100%;"></iframe>';

$('#tt').tabs('add',{});

// tab刷新内容 fix 自适应高度
var tab = $('#tt').tabs('getSelected');
$("#tt").tabs('update', {
tab: tab,
options: {
title: plugin,
content: '<iframe scrolling="auto" frameborder="0"  src="'+route+'" style="width:100%;height:100%;"></iframe>',
closable: true,
selected:true
}
});
}
}

之后又发现，在iframe右侧总出两个滚条。网上搜了个这个解决办法。加上之后果然就剩下一个iframe自己的滚条了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

这个问题虽然解决了，但是觉得不太完美，有知道更好的解决办法的同学，望告知。谢谢

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： easyui

相关文章推荐

新的分享

章节导航