ExtJSForm配置.docxVIP

ExtJS Form相关配置文档Ext_Ext.form.Field基类/*其他表单字段都从Ext.form.Field类中扩展Ext.form.Field主要配置项表:name??????????????String字段名(数据提交后台的名称)id????????????????String控件唯一表示(系统会自动生成)value?????????????String字段初始化值readOnly??????????Boolean是否只读validateOnBlur????Boolean字段失去焦点时是否被验证(默认true)validationDelay???Number验证延时(默认250毫秒)disabled??????????Boolean字段是否不可用‘fieldLabel????????String字段对应标签说明(默认)hideLabel?????????Boolean是否隐藏字段标签(默认false)hideMode??????????String值:visibility,offsets,displayhideParent????????Boolean?????????????true显示隐藏组件同时显示隐藏其容器(默认false)labelSeparator????String字段标签于字段间分隔符(默认:)msgTarget?????????String设置错误信息显示位置：qtip:显示浮动提示信息?title:显示一浏览器浮动提示信息?under:在字段下方显示一提示信息?side:在字段右边显示一提示信息*/Ext.onReady(function(){?Ext.BLANK_IMAGE_URL?=?../extjs2.0/resources/images/default/s.gif;?Ext.QuickTips.init();???????????//初始化信息提示功能??var?config?=?{?title:信息提示(qtip),???????????//表单标题?height:100,???????????????????????//表单高度?width:300,????????????????????????//表单宽度?frame:true,??????????????????????//是否渲染表单?labelSeparator::,??????????????//分隔符?labelWidth:60,???????????????????//标签宽?labelAlign:right,??????????????//标签对齐方式?renderTo:form,?????????????????//表单定位?//表单子元素数组?items:[?//单行文本框?new?Ext.form.TextField({?fieldLabel:姓名,??????????//标签内容?allowBlank:false,??????????//是否允许空?blankText:请输入姓名,?????//为空之后的错误信息提示?msgTarget:qtip????????????//显示浮动信息提示框?//msgTarget:title?//msgTarget:under??????//注意表单高度！?//msgTarget:side???????//注意表单宽度！?}),?//数字框?new?Ext.form.NumberField({?fieldLabel:年龄,?allowBlank:false,?blankText:请输入年龄,?msgTarget:qtip?})?]?}?var?form?=?new?Ext.form.FormPanel(config);Ext_表单面板_Ext.form.FormPanel/*Ext.form.BasicForm基本表单组件，提供对表单动作的支持并负责初始化已有字段组件默认采用Ajax方式进行异步数据提交，如要用原始方法提交表单可覆盖表单的onSubmit及Submit方法var?myForm?=?new?Ext.form.BasicForm(form-el-id,{?onSubmit:Ext.emptyFn,???????????????//覆盖onSubmit方法为空函数?submit:function()???????????????????//覆盖submit方法?{?this.getEl().dom.submit();??????//调用底层表单元素的submit方法进行表单提交?}});Ext.form.BasicForm主要配置表baseParams?????????????Object传递到请求中的参数，如{id;123,foo:bar}errorRead