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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章