一、属性（构造参数）
baseCls:"x-plain" Panel背景色颜色。
layout:"column" Panel进行列布局。
在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。
columnWidth表示使用百分比的形式指定列宽度。
width则是使用绝对象素的方式指定列宽度，在实际应用中可以混合使用两种方式。
二、应用举例

Ext.onReady(function(){ 
new Ext.Window({ 
title:"新增", 
width:500, 
height:400, 
plain:true, 
layout:"form", 
labelWidth:55, 
items:[{ 
layout:"column", 
baseCls:"x-plain", 
style:"padding:5px", 
items:[{ 
columnWidth:.5, 
layout:"form", 
labelWidth:50, 
baseCls:"x-plain", 
items:[{ 
xtype:"textfield", 
fieldLabel:"姓名" 
},{ 
xtype:"textfield", 
fieldLabel:"姓名" 
},{ 
xtype:"textfield", 
fieldLabel:"姓名" 
},{ 
xtype:"textfield", 
fieldLabel:"姓名" 
}] 
},{ 
columnWidth:.5, 
layout:"form", 
items:[{ 
id:"name", 
xtype:"textfield", 
fieldLabel:"照片", 
inputType:"image", 
width:250, 
height:50 
}] 
}] 
},{ 
xtype:"textfield", 
fieldLabel:" 证号" 
}], 
showlock:false, 
listeners:{ 
"show":function(_window){ 
if f(!_window["showLock"]){ 
Ext.getCmp("name").getEl().dom.src = "default_pic.gif" ; 
_window.findByType("textfield")[4].getEl().dom.src = "default_pic.gif" ; 
// alert(_window.findByType("textfield")[4].fieldLabel); 
_window["showLock"]=true; 
} 
} 
}, 
buttons:[{text:"确定"},{text:"取消"}] 
}).show() ; 
}) ; 

Ext.onReady(function(){ 
var _panel = new Ext.Panel({ 
title:"人员信息", 
renderTo:Ext.getBody(), 
frame:true, 
width:500, 
height:300, 
layout:"column", 
items:[{title:"列1",width:200}, 
{title:"列2",columnWidth:.3}, 
{title:"列3",columnWidth:.3}, 
{title:"列4",columnWidth:.4} 
] 
}) 
}) ; 

学习ExtJS border布局
一、Border布局由类Ext.layout.BorderLayout定义，布局名称为border。该布局把容器分成东南西北中五个区域，分别由east，south,west，north,cente来表示，在往容器

学习ExtJS fit布局使用说明
一、Fit布局，子元素将自动填满整个父容器（对元素设置宽度无效），如果容器组件中有多个子元素，则只会显示第一个子元素。二、应用举例Ext.onReady

学习ExtJS form布局
一、Form布局由类Ext.layout.FormLayout定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等