`
newlethe
  • 浏览: 83833 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

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

    博客分类:
  • 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() 

分享到:
评论

相关推荐

    Ext表单组件之checkbox

    本篇文章将深入探讨Ext表单组件中的checkbox,以及如何利用源码和相关工具进行定制和优化。 1. **复选框的基本概念** 复选框在用户界面中常用于让用户从多个选项中选择一个或多个。在Ext JS中,复选框是`Ext.form....

    ext表单设计器,常用表单拖拉实现

    EXT表单是EXT库的核心组件之一,用于构建用户输入数据的界面。它们支持多种类型的字段,如文本框、复选框、单选按钮、下拉列表等,并且可以进行复杂的布局管理,如表格布局、流式布局和绝对布局。表单设计器通常包括...

    Ext.form表单中各种属性应用详解

    ### Ext.form表单中各种属性应用详解 ...以上介绍了 **Ext.form** 表单中常见的几个组件及其配置选项,这些组件为 Web 应用程序提供了丰富的功能和用户体验。通过合理的配置,可以轻松构建出复杂且交互性强的表单界面。

    Ext 动态加载表单数据

    通过以上步骤,你可以实现动态加载Ext表单数据的功能。在实际应用中,可能还需要考虑错误处理、数据验证、动态更新等问题,但以上代码提供了一个基础的实现思路。不断学习和实践,你将能更好地掌握Ext JS在构建动态...

    EXT表单验证之TextField

    EXT是Sencha公司开发的一款基于JavaScript的富客户端应用框架,它提供了一套完整的组件化UI构建工具,其中EXT表单(FormPanel)是用于创建复杂数据输入和验证的重要部分。在EXT表单中,TextField是最常见的输入控件...

    Ext教程ext2-Ext简易教程

    3. Column布局:将容器视为一列,并通过`columnWidth`或`width`属性指定子组件的宽度,可以混合使用百分比和绝对像素值。 4. Card布局:只显示一个子组件,常用于实现多步骤向导或选项卡式界面。 例如,要使用...

    ext实例 ext操作步骤

    EXT提供了`Ext.Window`类来创建窗口,可以设置窗口大小、位置、标题、按钮等属性,并且可以包含其他EXT组件,如表格、表单等。 **EXT基本表格(GridPanel)介绍**:EXT的表格组件,即`Ext.grid.GridPanel`,是一种...

    EXT和JAVA例子

    EXT JS提供了丰富的UI组件,如GridPanel(表格),FormPanel(表单),Window(弹出窗口),TabPanel(选项卡)等,这些都是构建用户界面的基础。开发者可以通过配置对象定义组件的属性,如大小、颜色、样式等,并...

    Ext+ASP.NET+SQL2005简单实现了根据数据库动态生成表单的Demo.

    在本示例中,Ext JS被用来动态创建表单组件,如文本框、下拉列表、复选框等,这些组件可以根据数据库字段的类型和属性自动生成。Ext JS的灵活性使得能够根据数据库的结构轻松调整UI。 2. **动态操作数据库**: ...

    ext 自动生成器自动生成组件

    EXT 自动化生成器是一种强大的开发工具,专为EXT框架设计,旨在提高开发效率并减少重复劳动。EXT是一个流行的JavaScript库,主要用于构建富客户端Web应用,尤其在企业级应用中广泛应用。EXT框架提供了丰富的组件库,...

    ext JS 源码和学习资料

    2. EXT_JS实用开发指南_个人整理笔记.docx:这是一份个人整理的学习笔记,可能包含了一些实战经验,对于学习EXT JS的实际应用和解决常见问题很有帮助。 3. ExtJS实用开发指南.pdf:同名但格式不同的文档,可能提供了...

    ext 3.0 中文API

    3. **Form**:EXT提供了强大的表单组件,如文本字段、下拉框、复选框、单选按钮等,以及表单验证功能。这些组件可以与服务器端进行数据交换,实现数据的增删改查。 4. **Tree**:EXT的树形组件用于展示层次结构的...

    EXT2.0帮助文档CHM版

    EXT API文档详细介绍了EXT库中的类、方法、属性和事件,使开发者能够快速掌握EXT的用法。例如,文档中会阐述EXT的GridPanel组件,这是一个用于展示表格数据的强大组件,支持排序、分页、行选择等多种功能。开发者...

    ext操作数据库实例DBExplorer

    EXT库可以通过其数据存储组件(如Ext.data.Store)配合服务器端生成CSV数据,然后使用HTML5的`a`标签的`download`属性来触发文件下载,或者使用Blob对象和URL.createObjectURL方法生成一个临时URL供用户下载。...

    EXT.NET网站应用程序开发教程英文版

    7. **表单处理**:表单是网页应用中常见的元素,EXT.NET提供了丰富的表单组件和验证机制。这部分会介绍如何创建、验证和提交表单数据。 8. **高级特性**:可能包括EXT.NET的图表、树形视图、拖放功能、网格分页、富...

    ext 3.3.1 api 不可缺少的学习资料

    6. **EXT Forms**:EXT的表单组件功能强大,包括各种输入控件、验证机制以及表单提交和处理策略。开发者可以创建复杂且功能完备的表单系统。 7. **EXT Charts**:EXT 3.3.1版本包含图表组件,可以生成各种统计图表...

    EXT JS 实例集合

    在"EXT 前台 实例 项目"中,我们可以推测这是一个关于EXT JS前端开发的实际应用项目集,它可能包含了EXT JS的各种常见和复杂应用场景,例如数据展示、表格操作、窗口管理、表单处理、树形结构等。通过这些实例,...

    EXT 上传图片 删除图片,显示图片,PHP

    在EXT中,我们可以使用`Ext.form.FileField`(旧版本中称为`Ext.ux.form.FileUploadField`)组件来创建一个文件上传表单。这个组件允许用户选择本地文件,并在提交表单时将其发送到服务器。要实现这个功能,我们...

    ext-js.zip_ext_ext js_extjs_js ext

    EXT JS的组件库非常丰富,涵盖了大部分常见的Web UI元素,如表格(Grid)、树形视图(Tree)、表单(Forms)、菜单(Menus)、工具栏(Toolbars)等。这些组件都经过精心设计,具有高度可定制性和可扩展性。此外,...

    Ext 3.0中文手册及帮助文档

    这个中文手册及帮助文档包含了Ext 3.0的全面介绍、API参考、示例代码以及常见问题解答,是开发者进行Ext 3.0应用开发的重要参考资料。 一、Ext概述 Ext是一个基于JavaScript的开源框架,它提供了丰富的UI组件和数据...

Global site tag (gtag.js) - Google Analytics