ExtJs Border布局

最新推荐文章于 2026-05-01 14:37:43 发布

原创最新推荐文章于 2026-05-01 14:37:43 发布 · 924 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#border #extjs #function #layout

收录于

ExtJs框架专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用ExtJS框架创建的布局管理器示例，该示例展示了如何通过Ext.Viewport配置不同区域的面板，包括顶部、底部、中央、左侧及右侧面板，并设置它们的高度和宽度。

Ext.onReady(function() {
			new Ext.Viewport({
						layout : 'border',
						items : [{
									region : 'north',
									height : 50,
									title : '顶部面板'
								}, {
									region : 'south',
									height : 50,
									title : '底部面板'
								}, {
									region : 'center',
									title : '中央面板'
								}, {
									region : 'west',
									width : 100,
									title : '左边面板'
								}, {
									region : 'east',
									width : 100,
									title : '右边面板'
								}]
					});
		});