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,//布局为columnlayout:'column',renderTo:Ext.getBody(),items:[{title:'column1',//设置column的宽columnWidth:.30},{title:'column2',columnWidth:.30},{title:'column3',columnWidth:.40}]})}})</script>

效果图