gridPanel 在浏览器中的自适应设定

最新推荐文章于 2024-09-25 15:40:51 发布

原创最新推荐文章于 2024-09-25 15:40:51 发布 · 99 阅读

文章标签：

#浏览器 #EXT

Ext Js(2.0) 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript来调整ExtJS中Panel组件尺寸的方法。通过定义全局变量companyListPanel，并利用窗口重置事件(window.onresize)来动态更新Panel的高度和宽度，确保其能够自适应浏览器窗口大小的变化。

定义全局变量: companyListPanel.
在js 中添加如下代码:

window.onresize=function(){
		        companyListPanel.setHeight(document.documentElement.clientHeight - 40);
		        companyListPanel.setWidth(document.documentElement.clientWidth);
		};

[color=red][b]最优方案,[/b][/color]
a. 创建一Panel :

var panel = new Ext.Panel({
					width:'100%',
					height:'100%',
			    	region:'center',
			    	layout:'border',
			    	items:[companyListPanel]
			    });

b. 将GridPanel放置在panel中, 并设置region: "center", 不设置宽高