EXT表单组件常见属性介绍(一)
1、Ext.form.Action
???? 配置项:
????????? success:执行成功后回调的函数,包括两个参数:form和action
????????? failure:执行失败后回调的函数,包括两个参数:form和action
????????? method:表单的提交方式,有效值包括GET、POST
????????? params:传递到请求中的参数
????????? url:动作提交的路径
????????? waitMsg:动作执行时显示的等待信息
???? 属性:
????????? Action.CLIENT_INVALID:客户端验证错误
????????? Action.CONNECT_FAILURE:通信错误
????????? Action.LOAD_FAILURE:加载数据时,没有包含data属性的字段被返回
????????? Action.SERVER_INVALID:服务端验证错误
????????? failureType:错误类型
????????? result:包含布尔类型的success属性和其他属性,如{success: true, msg: 'ok'}
????????? type:动作类型,可选值有submit和load
?????????????? Ext.form.Action.Submit:返回的信息中要包含一个布尔类型的success属性和一个可选的errors属性
?????????????? Ext.form.Action.Load:返回的信息中要包含一个布尔类型的success属性和一个data属性
?
2、Ext.form.BasicForm
?????配置项:
????????? baseParams:传递到请求中的参数
????????? method:表单的提交方式,有效值包括GET、POST
????????? url:表单默认的提交路径
????????? fileUpload:表单是否进行文件上传
????????? timeout:表单动作的超时时间,默认为30秒
????????? trackResetOnLoad:是否在表单初次创建时清楚数据
??? 方法:
????????? doAction( String/Object actionName, [Object options] ):执行一个预订的动作,可用选项包括:
????????????? url:动作提交的路径
????????????? method:表单的提交方式,有效值包括GET、POST
????????????? params:传递到请求中的参数
????????????? headers:
????????????? success:执行成功后回调的函数,包括两个参数:form和action
????????????? failure:执行失败后回调的函数,包括两个参数:form和action
????????????? clientValidation:是否客户端验证
????????? clearInvalid():清除表单中所有的无效验证信息
????????? findField( String id ):查找表单字段
????????? getValues( [Boolean asString] ):
????????? isDirty():表单数据是否被更改过
????????? isValid():客户端验证是否成功
????????? load( Object options ):执行表单读取动作
????????? loadRecord( Record record ):从一个数据记录中读取数据到表单中
????????? markInvalid( Array/Object errors ):成批设置表单字段为验证无效
????????? reset():重置表单
????????? setValues( Array/Object values ):成批设置表单字段值
????????? submit( Object options ):执行表单提交动作
????????? updateRecord( Record record ):持久化表单数据到记录集中?
?
3、Ext.form.FormPanel
??? ?配置项:
????????? items:一个元素或元素数组
????????? buttons:一个按钮配置对象的数组,按钮将被添加到表单页脚中
????????? buttonAlign:按钮的对齐方式,可选值有left、center、right,默认为center
????????? labelWidth:表单标签的宽度
????????? labelAlign:表单标签的对齐方式,可选值有left、top、right,默认为left
????????? labelSeparator:字段标签与字段之间的分隔符,默认为':'
????????? minButtonWidth:按钮的最小宽度,默认为75
???? 方法:
????????? getForm() : Ext.form.BasicForm
????????? load( Object options )
????????? startMonitoring()
????????? stopMonitoring()?
?
4、Ext.form.Field
??? 配置项:
????????? name:字段名
????????? value:字段的初始化值
????????? disabled:字段是否不可用,默认为false
????????? fieldLabel:字段标签说明
????????? hideLabel:隐藏字段标签,默认为false
????????? labelSeparator:字段标签与字段之间的分隔符,默认为':'
????????? labelStyle:字段标签样式
????????? inputType:默认为text
????????? invalidClass:默认为x-form-invalid
????????? invalidText:字段非法文本提示
????????? msgTarget:错误信息显示的位置,默认为qtip
????????????? qtip:显示一个浮动的提示信息
????????????? title:显示一个浏览器的浮动提示信息
????????????? under:在字段下方显示一个提示信息
????????????? side:在字段右边显示一个提示信息
????????? readOnly:字段是否只读,默认为false
????????? validateOnBlur:字段在失去焦点时被验证,默认为true
???? 方法:
????????? clearInvalid():
????????? getRawValue()
????????? setRawValue( Mixed value )
????????? getValue()
????????? setValue( Mixed value )
????????? isDirty():字段值在装载后是否被修改过
????????? isValid( Boolean preventMark ):当前字段值是否合法
????????? markInvalid( [String msg] )
????????? validate()
????????? reset()?