Column 布局一般被稱(chēng)為列布局，這種布局的目的是為了創(chuàng)建一個(gè)多列的格式。其中每列的寬度，可以為其指定一個(gè)百分比或者是一個(gè)固定的寬度。

    <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',
										//設(shè)置column的寬
										columnWidth:.30
									},{
										title:'column2',
										columnWidth:.30
									},{
										title:'column3',
										columnWidth:.40
									}
								]
							}
						)
					}
				}
			)
			
		</script>
  

Extjs4---column布局