用户在注册时,需要填的表单太长,为此需显示滚动条,但注意有两个属性需要更改formPanel:autoHeight:false,height:100%,autoScroll : true,由于整个的form是放在fieldset中,
其默认的布局时靠左边的,可以通过columnlayout来控制设置左右两个item的itemwidth为.5
来使其居中,但也可采用下面的技巧labelWidth : 450,//设置较宽的宽度?labelAlign : "right"
var form = new Ext.FormPanel({ autoHeight : false, region: 'center', border : false, labelWidth : 450, labelAlign : "right", bodyStyle:'padding:2px;background-color:#D4E1F2;overflow-x:hidden;overflow-y:scroll', height:'100%', frame : true, autoScroll : true, items : [ { autoHeight : true, xtype : 'fieldset', title : '用户注册信息', items : [ {//用户名 fieldLabel : '用户名称', xtype : 'textfield', name : 'projectName', allowBlank : false, blankText : '用户名称不能为空', minLength : 6, minLengthText : '用户名称长度不得小于4个字符长度', maxLength : 20, maxLengthText : '用户名称长度不得小于20个字符长度', width:'250px', emptyText:'用户名长度在4-20个字符之间' }, {// 密码信息 fieldLabel : '密码', width:'200px', xtype : 'textfield', id:'pass1', emptyText:'密码长度6个字符', blankText : '密码长度最短为6个字符', inputType : 'password', allowBlank : false, minLength : 6, minLengthText : '密码长度不得小于6个字符长度', name : 'pass', vtype : 'password' }, {// 重复密码信息 fieldLabel : '重复密码', xtype : 'textfield', width:'200px', name:'repass', emptyText:'请确认密码', blankText : '请确认密码', id:'pass2', inputType : 'password', vtype : 'password', vtypeText:"密码不一致", minLength : 6, minLengthText : '密码长度不得小于6个字符长度', confirmTo:"pass1", initialPassField : 'pass' }, {//项目活动名称 fieldLabel : '项目活动名称', width:'250px', xtype : 'textfield', name : 'projectName', allowBlank : false, emptyText:'请输入项目活动名称', blankText : '项目活动名称不能为空', minLength : 4, minLengthText : '项目活动名称长度不得小于4个字符长度', maxLength : 20, maxLengthText : '项目活动名称长度不得小于20个字符长度' },{//项目设计文件版本号 fieldLabel : '项目设计文件版本号', width:'250px', xtype : 'textfield', name : 'fileNum', emptyText:'请输入文件版本号', allowBlank : false, blankText : '项目设计文件版本号不能为空', minLength : 4, minLengthText : '项目设计文件版本号长度不得小于4个字符长度', maxLength : 20, maxLengthText : '项目设计文件版本号长度不得小于20个字符长度' }, {//项目设计文件完成日期 fieldLabel : '项目设计文件完成日期', width:'350px', xtype : 'datefield', format:"Y-m-d", name : 'finishdate', allowBlank : false, emptyText : '请选择日期' }, {//项目参与方 width:'250px', fieldLabel : '项目参与方', xtype : 'textfield', name : 'participator', emptyText : '请输入项目参与方名称', allowBlank : false, blankText : '项目参与分不能为空', minLength : 4, minLengthText : '项目参与方长度不得小于4个字符长度', maxLength : 20, maxLengthText : '项目参与方长度不得小于20个字符长度' }, {//项目所在领域 fieldLabel : '项目所在领域', width:'250px', xtype : 'textfield', name : 'projectArea', allowBlank : false, blankText : '项目所在领域不能为空', minLength : 4, emptyText : '请输入项目所在领域', minLengthText : '项目所在领域长度不得小于4个字符长度', maxLength : 20, maxLengthText : '项目所在领域长度不得小于20个字符长度' }, {//项目所选方法学 fieldLabel : '项目所选方法学', xtype : 'textfield', width:'250px', name : 'method', allowBlank : false, emptyText : '请输入项目所选方法学', blankText : '项目所选方法学不能为空', minLength : 4, minLengthText : '项目所选方法学长度不得小于4个字符长度', maxLength : 20, maxLengthText : '项目所选方法学长度不得小于20个字符长度' }, {//预计年均气体减排量 fieldLabel : '预计年均气体减排量', xtype : 'textfield', emptyText : '请输入预计气体减排量', name : 'gasEmissions', width:'250px', allowBlank : false, blankText : '预计年均气体减排量' }, {//单位名称 fieldLabel : '单位名称', width:'250px', emptyText : '请输入单位名称', xtype : 'textfield', name : 'companyName', allowBlank : false, blankText : '单位名称不