ExtJs Column布局

最新推荐文章于 2020-12-23 17:39:06 发布

原创最新推荐文章于 2020-12-23 17:39:06 发布 · 729 阅读

0 ·

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

标签

#extjs #function #layout

收录于

ExtJs框架专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用ExtJS框架实现的简单面板布局示例，通过column布局管理器将面板分为四列，并设置了各列的宽度比例。

Ext.onReady(function() {
			new Ext.Panel({
						renderTo : 'hello',
						title : '容器组件',
						layout : 'column',
						width : 500,
						height : 100,
						items : [{
									title : '列1',
									width : 200
								}, {
									title : '列2',
									columnWidth : .3
								}, {
									title : '列3',
									columnWidth : .3
								}, {
									title : '列4',
									columnWidth : .4
								}]
					});
		});