var CM_cmdata_Viewport = new Ext.Viewport({
id : 'CM_cmdata_Viewport',
name : 'CM_cmdata_Viewport',
layout : 'border',
items : [{
region : 'center',
layout : 'fit',
margins : '27 0 0 0',
border : false,
items : CM_cmdata_TabPanel,
listeners :{
afterrender : autoSetTableGridHeight
}
}]
});
// ÉèÖÃÒ³Ãæ±í¸ñµÄ¸ß¶È
function autoSetTableGridHeight(){
var height = CM_cmdata_dbAndFileGrid.getHeight() + 50 + 10;
var neGridHeight = Ext.getBody().getHeight() - height;
CM_cmdata_hostAndTableGrid.setHeight(neGridHeight);
CM_cmdata_syncHostAndTableGrid.setHeight(Ext.getBody().getHeight()-50);
Ext.getCmp('CM_cmdata_Viewport').doLayout(true, false);
}
分享到:
相关推荐
### div+css高度自适应详解 #### 一、引言 在前端开发中,随着屏幕尺寸的多样化以及响应式设计的需求日益增长,实现元素的高度自适应成为了一个重要的课题。高度自适应不仅能够确保页面在不同设备上的良好展示,还...
标题“Iframe 高度自适应浏览器高度”涉及的核心知识点是如何让Iframe的大小根据其内容自动调整,特别是高度,以便始终保持与浏览器窗口的高度同步,从而提供更好的用户体验。 首先,我们需要了解Iframe的基本结构...
微博作为一款社交媒体平台,其用户界面设计在用户体验方面有着独特的魅力,尤其是它的高度自适应无缝滚动功能。这个特性使得用户在浏览信息时能够流畅地上下滑动,无明显加载中断,提供了极佳的阅读体验。在这里,...
2. CSS Grid:CSS Grid布局也提供了高度自适应的解决方案。通过`grid-template-columns: auto;`和`grid-auto-rows: min-content;`,可以创建一个网格,使得按钮的高度根据内容自动扩展。 3. JavaScript动态计算:...
高度自适应则关乎到网站或应用在不同设备和屏幕尺寸下的表现。在这个"高度自适应跨域访问实例下载"中,我们看到三个HTML文件:iframe.html、agent.html和main.html,它们可能是用于演示如何在不同环境下实现跨域通信...
然而,由于浏览器之间的差异,尤其是在旧版本的IE(Internet Explorer)中,iFrame的高度自适应问题常常困扰着开发者。"iFrame高度自适应终极解决方案(兼容IE7,8,9 Firefox3.6+,Chrome 12+)"这个标题所指向的,...
通过设置`grid-auto-rows: 1fr`,所有网格项将平均分配剩余空间,从而达到列高度自适应的效果。 ```css .container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-auto...
首先,富文本自适应高度的问题通常出现在动态内容加载或者用户输入时,由于富文本内容的多样性,其长度和宽度可能难以预估,尤其是在聊天界面这种需要实时更新和滚动的内容展示区。为了解决这一问题,开发者通常会...
如果需要在不同设备和屏幕尺寸上保持`iframe`的高度自适应,可以结合媒体查询(media queries)和上面提到的技术,确保在各种视口宽度下都能正确显示。 综上所述,`iframe`自适应高度是通过JavaScript、CSS布局...
- 使用CSS Flexbox或Grid布局,它们可以更方便地实现容器的自适应,包括Iframe的高度自适应。 - 使用响应式设计,确保在不同屏幕尺寸下Iframe都能正确显示。 - 考虑性能,避免频繁地获取和设置Iframe的高度,可能...
本文将深入探讨如何实现Flash对象在网页中的高度自适应。 首先,我们需要理解Flash的基本概念。Flash是一种由Adobe公司开发的多媒体创作平台,用于创建动画、交互式应用程序、游戏等。在HTML中嵌入Flash通常通过`...
"2列左窄右宽、高度自适应CSS模板"是一种常见的网页布局模式,它将页面分为两个部分:左侧窄栏和右侧宽栏。这种布局广泛应用于各种网站,如博客、电子商务平台等,因为它可以有效地展示主要内容和辅助信息。 首先,...
"iframe高度自适应"就是解决这个问题的关键技术,确保`iframe`的内容区域能够自动调整到其内容的高度,避免滚动条异常和内容显示不全。 一、`iframe`的基本使用 `iframe`标签的基本结构如下: ```html ...
"图片排列效果(几行几列宽度固定,高度自适应)"这个主题关注的是如何在有限的网页空间内,以固定宽度的列和自适应高度的行来展示多张图片,同时保持整体布局的美观和一致性。这种布局方式常见于摄影网站、产品展示...
CSS Grid布局允许创建二维网格系统,可以轻松实现高度自适应。通过设置`grid-auto-rows`或`grid-template-rows`,可以定义行的高度策略,使其根据内容自动扩展。 4. **JavaScript 动态调整**: 在某些情况下,...
为了确保高度自适应生效,我们需要设置`ShowVerticalScrollBar="true"`和`VerticalScrollableHeight="0"`。这将使表格显示垂直滚动条,并允许其高度根据内容自动调整。 ```html Settings_...
此外,使用Flexbox或Grid布局也可以更方便地实现高度自适应,它们提供了更强大的容器管理功能,可以更直观地处理子元素的尺寸和位置。 总之,要实现CSS高度自适应,关键在于理解百分比高度的计算依赖于父元素的高度...
然而,`iframe` 的高度问题经常困扰着开发者,尤其是在内容动态变化时,如何让`iframe`自适应其内容的高度,避免出现滚动条或者内容被截断的问题呢。本篇文章将深入探讨`iframe`自适应高度的解决方案,并结合实际...
`ListBox` 的宽度自适应就是这样一个功能,确保在窗口缩放或屏幕分辨率变化时,`ListBox` 及其内容能适应新的空间。 标题“WPF listbox width自适应”关注的是如何让`ListBox`的宽度随着窗口的宽度动态调整。在WPF...
总结来说,让`div`高度自适应浏览器高度,需要确保`html`和`body`的高度设置正确,并且根据实际需求选择合适的CSS布局技术,如传统的百分比、Flexbox或Grid布局。理解CSS布局机制以及百分比高度的工作原理是解决问题...