请教extjs
问一下,这什么我这样布局出来的界面是乱的呢
function showinfo(record){
var win1;
if(!win1){
var fp = new Ext.form.FormPanel({
fileUpload: true,
width: 600,
frame: true,
//autoHeight:true,
autoWidth:true,
layout:'column',
bodyStyle: 'padding: 10px 10px 0 10px;',
labelWidth: 300,
items: [
{
columnWidth : .2,
layout : 'form',
items : [
{
xtype: 'label',
id: 'titles',
name:'titles',
fieldLabel: '名称',
height:20,
width: 90
},{
xtype: 'label',
id: 'sendmans',
name: 'sendmans',
fieldLabel: '发送人',
height:20,
width: 90
},{
xtype: 'label',
id: 'senddates',
name: 'senddates',
fieldLabel: '发送日期',
height:20,
width: 90
},{
xtype: 'label',
id: 'signmans',
name: 'signmans',
fieldLabel: '签收人',
height:20,
width: 90
},{
xtype: 'label',
id: 'contents',
name: 'contents',
fieldLabel: '发送内容',
height:20,
width: 90
}]
},{
columnWidth : .8,
layout : 'form',
items : [
{
xtype: 'label',
id: 'titlev',
name:'titlev',
fieldLabel: 'record.get("title")',
labelSeparator:'',
height:20,
width: 250
},
{
xtype: 'label',
id: 'sendmans',
name: 'sendmans',
fieldLabel: 'record.get("sendname")',
labelSeparator:'',
height:20,
width: 250
},{
xtype: 'label',
id: 'senddatev',
name: 'senddatev',
fieldLabel: 'record.get("senddate")',
height:22,
width: 250
},{
xtype: 'label',
id: 'signmanv',
name: 'signmanv',
fieldLabel: 'record.get("signman")',
height:22,
width: 250
},{
xtype: 'textarea',
id: 'contentv',
name: 'contentv',
value: 'record.get("content")'
}]
}]
});
win1 = new Ext.Window({
layout:'fit',
autoDestroy:true,
autoHeight:true,
width:600,
//height:320,
closeAction:"close",
modal:true,
plain: true,
shadow :false,
title: '报文信息',
items: fp });
}
win1.show(this);
}