大家看第一行的文本框都挤在一起了,这个改怎么调
代码如下:
var caseForm = new Ext.form.FormPanel({
baseCls : "x-plain",
enctype : 'multipart/form-data',
fileUpload : true,
autoScroll : true,
defaults : {
labelWidth : 100,
anchor : '90%',
xtype : 'textfield'
},
items : [{
xtype : 'fieldset',
title : '客户信息',
checkboxToggle : true,
defaultType : 'checkbox',
defaults : {
xtype : 'textfield',
anchor : '90%',
labelAlign : 'right',
labelWidth : 120
},
items :[
{
xtype : 'fieldcontainer',
layout : 'hbox',
combineErrors : true,
defaults : {
xtype : 'field',
labelAlign : 'right',
labelWidth : 90
},
items : [{
labelAlign : 'right',
fieldLabel : '客户姓名',
id:"k_name",
flex : 1
}, {
fieldLabel : '客户电话',
id:"k_mobile",
flex : 1
}, {
fieldLabel : '性别',
id:"k_sex",
flex : 1
},joinCB,{
fieldLabel : '合同金额',
name:"price",
flex : 1
},{
xtype : "datefield",
fieldLabel : '创建时间',
id : "fo_createTime",
emptyText : "--请选择--",
format : "Y/m/d",// 日期的格式
altFormats : "Y/m/d|Ymd"
},{
xtype : "datefield",
fieldLabel : '验收时间',
id : "fo_acceptTime",
name : "acceptTime",
emptyText : "--请选择--",
format : "Y/m/d",// 日期的格式
altFormats : "Y/m/d|Ymd"
}]
}]
},{
xtype : 'fieldset',
title : '合同详情',
checkboxToggle : true,
defaultType : 'checkbox',
defaults : {
xtype : 'textfield',
anchor : '90%',
labelAlign : 'right',
labelWidth : 120
},
items :[
{
xtype : 'fieldcontainer',
layout : 'hbox',
combineErrors : true,
defaults : {
xtype : 'textfield',
labelAlign : 'right',
labelWidth : 90
},
items : []
},{
id : "_caseAttachfile",
name : "_indexPhoto",
xtype : 'filefield',
reference : 'basicFile',
fieldLabel : "主图",
buttonText : '浏览',
listeners : {
change : function(field, value) {
if (value != '') {
Ext
.getCmp("showCaseIndexPhotoDiv")
.update('<div><img id="casePreview" style="margin-left: 155px;margin-bottom:10px " height="150" src=""></img><div>');
var file = field.getEl()
.down('input[type=file]').dom.files[0];
var oFReader = new FileReader();
oFReader.readAsDataURL(file);
oFReader.onload = function(oFREvent) {
document.getElementById('casePreview').src = oFREvent.target.result;
};
} else {
Ext.getCmp("showCaseIndexPhotoDiv").update('');
}
}
}
}, {
xtype : 'component',
id : 'showCaseIndexPhotoDiv',
html : ['']
}, {
xtype : 'fieldcontainer',
fieldLabel : '图片管理',
layout : 'hbox',
defaults : {
anchor : '90%'
},
items : [caseImgForm, caseImgPanel]
}
]
} ]
});