Extjs4---column布局

Column布局一般被称为列布局，这种布局的目的是为了创建一个多列的格式。其中每列的宽度，可以为其指定一个百分比或者是一个固定的宽度。

<script type="text/javascript">
			
			Ext.application(
				{
					name:'column',
					launch:function(){
						Ext.create(
							'Ext.panel.Panel',
							{
								title:'column布局',
								width:500,
								height:300,
								x:30,
								y:50,
								//布局为column
								layout:'column',
								renderTo:Ext.getBody(),
								items:[
									{
										title:'column1',
										//设置column的宽
										columnWidth:.30
									},{
										title:'column2',
										columnWidth:.30
									},{
										title:'column3',
										columnWidth:.40
									}
								]
							}
						)
					}
				}
			)
			
		</script>

效果图