Ext 布局最小宽度最小高度

最新推荐文章于 2025-06-30 16:54:58 发布

最新推荐文章于 2025-06-30 16:54:58 发布 · 728 阅读

文章标签：

#EXT #IE

本文介绍了一种利用iframe实现页面自适应布局的方法，并通过设置最小宽度和最小高度确保了良好的用户体验。文中提供了具体的JavaScript代码实现，展示了如何根据窗口大小调整iframe的尺寸。

在一些复杂的布局中要设置最小宽度和最小高度很难,可以采取用iframe的方式将主页面嵌入其中然后再将该iframe设置最小宽度最小高度
// 为 ie 释放内存
function winClose() {
if (contentIframe) {
contentIframe.document.write("");
contentIframe.document.clear();
}
}

Ext.onReady(function() {
// 限制最小宽度和最小高度
var doResize = function() {
var minWidth = 1000;
var minHeight = 550;
var windowHeight = Ext.getDoc().getViewSize().height;
var windowWidth = Ext.getDoc().getViewSize().width;
var ifame = Ext.get('contentIframe');
ifame.setHeight((windowHeight < minHeight)
? minHeight
: windowHeight);
ifame.setWidth((windowWidth < minWidth)
? minWidth
: windowWidth);
}

// Resize on demand
Ext.EventManager.onWindowResize(doResize);
doResize();

})