分享

EXT表单组件常见属性介绍(一)

 handanyou 2011-01-18

EXT表单组件常见属性介绍(一)

文章分类:Web前端

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() 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多