ExtJS中ormPanel实例.docVIP

效果图： Register.js文件中内容 Register = function() { var regForm, regWindow; var account; var couldRegister; var education_data = [ {education_value:小学}, {education_value:初中}, {education_value:高中}, {education_value:中專}, {education_value:大專}, {education_value:大學}, {education_value:本科}, {education_value:碩士}, {education_value:博士} ]; var education_store = new Ext.data.JsonStore({ data:education_data, fields : [{name :education_value,mapping : education_value}] }); var buildForm = function() { regForm = new Ext.FormPanel({ // // title:用户表单, // monitorValid : true, //启用监视表单组建状态（在必填项没有填写的时候做出提示） // buttonAlign : center,//button按钮对齐方式 默认left bodyStyle : padding:5px;,//表单距Panel之间的距离 // width : 200, //表单宽度 // autoHeight:true, //表单自动调整适应高度 // autoWidth:true, //表单自动调整事宜宽度 // frame : true,// 设置了面板的边角是圆弧过度的，底色, 窗口是否显示背景色 // renderTo:Ext.getBody(),//将form表单添加到body中, 或者添加到hTML元素中 // labelAlign : right,//标签对齐方式 默认left // labelWidth: 80, //标签宽度 // // 容器中组件默认统一配置选项 // defaults : { // allowBlank:false, //// 验证字段是否能为空 // lableSeparator: : //分隔符 // }, width : 800, //autoHeight : true, frame : true, renderTo : Ext.getBody(), layout : form, // 整个大的表单是form布局 labelWidth : 65, labelAlign : right, items : [ {// 行1 layout : form, //monitorValid : true, items : [{ fieldLabel : 用户账号, id : account, name : account, allowBlank : false, xtype : textfield, blankText : 用户名不能为空！, validator : checkAccount,// 指定验证器 invalidText : 用户名已经被注册！, width : 200 }] }, {// 行2 layout : form, items : [{ inputType : password, fieldLabel : 用户密码, id : password, name : password, xtype : textfield, allowBlank : false, blankText : 密码不能为空！, width : 200 }] }, {// 行3 layout : form, items : [{ inputType : password, fieldLabel : 确认密码, id : affirmPass