ExtJs Border布局

最新推荐文章于 2017-04-12 16:30:03 发布

宇宙神帝

最新推荐文章于 2017-04-12 16:30:03 发布

阅读量889

点赞数

分类专栏： ExtJs框架文章标签： border extjs function layout

本文链接：https://blog.youkuaiyun.com/sbvfhp/article/details/7086727

版权

ExtJs框架专栏收录该内容

18 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 : '右边面板'
								}]
					});
		});