JS文件:
//4:Ext.form.FieldContainer示例,需要将多个字段或者组件作为一个表单项展现的时候
Ext.onReady(function(){
Ext.QuickTips.init();//初始化提示
Ext.create('Ext.form.FormPanel',{
title:'Ext.form.FieldContainer示例',
width:300,
frame:true,
renderTo:Ext.getBody(),
bodyPadding:5,
fieldDefaults:{//统一设置表单字段的默认属性
labelSeparator:':',//分隔符
labelWidth:60,//标签宽度
width:260,//字段宽度
msgTarget:'side'
},
defaultType:'textfield',//设置表单的默认类型
items:[{
fieldLabel:'商品名称'
},{
xtype:'fieldcontainer',
fieldLabel:'生产日期',
layout:{//设置容器字段布局
type:'hbox',
align:'middle'//垂直居中
},
combineErrors:true,//合并展示错误信息
fieldDefaults:{
hideLabel:true,//隐藏字