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>
效果图