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

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

    博客分类:
  • Ext
阅读更多

1、Ext.form.Hidden

 

2、Ext.form.Label

     配置项:

          html:

          text:

 

3、Ext.form.TextField

     配置项:
          allowBlank:是否允许为空,默认为true
          blankText:空验证失败后显示的提示信息
          emptyText:在一个空字段中默认显示的信息
          grow:字段是否自动伸展和收缩,默认为false
          growMin:收缩的最小宽度
          growMax:伸展的最大宽度
          inputType:字段类型:默认为text
          maskRe:用于过滤不匹配字符输入的正则表达式
          maxLength:字段允许输入的最大长度
          maxLengthText:最大长度验证失败后显示的提示信息
          minLength:字段允许输入的最小长度
          minLengthText:最小长度验证失败后显示的提示信息
          regex:正则表达式
          regexText:正则表达式验证失败后显示的提示信息
          vtype:验证类型的名字
               alpha:限制只能输入字母
               alphanum:限制只能输入字母和数字
               email
               url
          vtypeText:验证失败时的提示信息
          validator:自定义验证函数
          selectOnFocus:当字段得到焦点时自动选择已存在的文本,默认为false

 

4、Ext.form.TextArea
      配置项:
           preventScrollbars:是否禁止出现滚动条,默认为false 

 

5、Ext.form.NumberField
      配置项:
           allowDecimals:是否允许输入小数,默认为true
           allowNegative:是否允许输入负数,默认为true
           baseChars:输入的有效数字集合,默认为'0123456789'
           decimalPrecision:数字的精度,默认保留小数点后2位
           decimalSeparator:十进制分隔符,默认为'.'
           maxValue:允许输入的最大数值
           maxText:超过最大值之后的提示信息
           minValue:允许输入的最小数值
           minText:超过最小值之后的提示信息
           nanText:输入非有效数值之后的提示信息

 

6、Ext.form.Checkbox
      配置项:
           boxLabel:复选框的文字描述
           checked:复选框是否被选择,默认为false
           handler:当checked值改变时触发的函数,函数包含两个参数:checkbox、checked
           inputValue:
     方法:
           getValue():返回复选框的checked状态
           setValue( Boolean/String checked ): 

 

7、Ext.form.CheckboxGroup
     配置项:
           allowBlank:是否允许不选择,默认为true
           blankText:
           columns:显示的列数,可选值包括:固定值auto、数值、数组(整数、小数)
           items:对象数组
           vertical:是否垂直方向显示对象,默认为false

 

8、Ext.form.Radio
     方法:
           getGroupValue():
           setValue( value {String/Boolean} ): 

 

9、Ext.form.RadioGroup
     配置项:
           allowBlank:
           blankText:

 

10、Ext.form.ComboBox
      配置项:
           displayField:被显示在下拉框中的字段名
           editable:是否可编辑,默认为true
           forceSelection:输入值是否严格为待选列表中存在的值。如果输入不存在的值,会自动选择第一个最接近的值。
           hiddenName:隐藏字段的名字,如果提供该参数则一个隐藏字段将被创建,用来存储所选值,当表单提交时在服务器端可以通过该名字取得列表中的所选值
           listWidth:下拉列表的宽度
           minListWidth:下拉列表的最小宽度,默认为70像素
           loadingText:当下拉框加载数据时显示的提示信息,只有当mode='remote'时才会生效
           maxHeight:下拉列表框的最大高度,默认为300像素
           minChars:下拉列表框自动选择前用户需要输入的最小字符数量。mode='remote'默认为4,mode='local'默认为0
           mode:下拉列表框的数据读取模式。remote读取远程数据,local读取本地数据
           pageSize:下拉列表框的分页大小。该项设置只在mode='remote'时生效
           queryParam:查询的名字,默认为'query',将被传递到查询字符串中
           allQuery:一个发往服务器用来查询全部信息的查询字符串,默认为空字符串''
           selectOnFocus:当获得焦点时立刻选择一个已存在的列表项。默认为false,此项只有在editable=true时才会生效
           store:列表框绑定的数据源
           transform:将页面中已存在的元素转换为组合框
           lazyInit:延时初始化下拉列表,默认为true
           lazyRender:延时渲染,默认为false
           triggerAction:设置单击触发按钮时执行的默认操作,有效值包括all和query,默认为query,如果设置为all则会执行allQuery中设置的查询
           typeAhead:设置在输入过程中是否自动选择匹配的剩余部分文本(选择第一个满足条件的),默认为false
           value:初始化组合框中的值
           valueField:组合框的值字段
           valueNotFoundText:值不存在时的提示信息
           tpl:Ext模板字符串或模板对象,可以通过该配置项自定义下拉列表的显示方式

     方法:
           clearValue():清空字段当前值
           doQuery( String query, Boolean forceAll ):
           getValue():
           getStore():
           setValue( String value ):

 

11、Ext.form.DateField
     配置项:
           maxValue:允许选择的最大日期
           maxText:当日期大于最大值时的错误提示信息
           minValue:允许选择的最小时间
           minText:当日期小于最小值时的错误提示信息
           format:日期显示格式,默认为“m/d/y”,一般使用“Y-m-d”
               Y:四位年份
               m:带前缀0的月份
               d:带前缀0的日期
               y:两位年份
               n:不带前缀0的月份
               j:不带前缀0的日期
               w:星期的数字,0表示星期日,1代表星期一
           showToday:是否显示今天按钮,默认为true
           altFormats:多个日期输入格式组成的字符串,不同的格式之间使用“|”进行分割,默认值为'm/d/Y|n/j/Y|n/j/y|m/j/y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d'
           disabledDates:禁止选择的日期组成的数组
           disabledDatesText:选择禁选日期时显示的提示信息
           disabledDays:禁止选择的星期组成的数组,0代表星期日,1代表星期一
           disabledDaysText:选择禁选星期时显示的提示信息
           invalidText:当日期值非法时显示的提示信息
     方法:
           getValue():取得日期值

 

12、Ext.form.FieldSet
      配置项:
           animCollapse:动画折叠,默认为false
           checkboxToggle:设置是否显示字段集的checkbox选择框,默认为false
           checkboxName:指定字段集中用于展开或隐藏字段集面板的checkbox的名字,该属性只有在checkboxToggle为true时生效
           labelWidth:字段标签的宽度,可以级联到子容器
           layout:布局,默认为form 

 

13、Ext.form.TimeField
      配置项:
           maxValue:列表中允许的最大时间
           maxText:当时间大于最大值时的错误提示信息
           minValue:列表中允许的最小时间
           minText:当时间小于最小值时的错误提示信息
           increment:两个相邻选项间的时间间隔,默认为15分钟
           format:显示格式,默认为“g:i A”。一般使用“H:i:s”
                H:带前缀0的24小时
                i:带前缀0的分钟
                s:带前缀0的秒
           invalidText:当时间值非法时显示的提示信息
           altFormats:多个时间输入格式组成的字符串,不同的格式之间使用“|”进行分割

分享到:
评论

相关推荐

    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表单验证中的TextField组件通过`vtype`属性提供了丰富的验证机制,能够确保用户输入的数据质量,从而提高应用程序的稳定性和用户体验。开发者可以根据需要选择合适的vtype,或者自定义验证规则,以满足...

    Ext教程ext2-Ext简易教程

    例如,Ext的`Ext.onReady`函数用于确保DOM加载完成后再执行代码,这是初始化Ext组件的常见方法。以下是一个简单的例子,展示如何使用MessageBox组件弹出一个警告对话框: ```html Ext.onReady(function() { Ext....

    ext JS 源码和学习资料

    EXT JS 的源码结构清晰,包括核心库、组件、布局、数据管理、表单元素等模块。通过阅读源码,开发者可以了解到EXT JS如何实现组件化、事件处理、数据绑定等功能,进一步优化自己的代码结构和性能。例如,ext-3.x版本...

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

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

    ext实例 ext操作步骤

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

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

    2. 参数配置:允许开发者设定组件的具体属性,如尺寸、颜色、行为等。 3. 代码预览:在生成代码前,可以预览组件的外观和功能。 4. 插件扩展:可能支持第三方插件,以实现更多特定功能。 5. 版本兼容:确保生成的...

    EXT和JAVA例子

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

    ext 3.0 中文API

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

    EXT2.0帮助文档CHM版

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

    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 3.0中文手册及帮助文档

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

    EXT JS 实例集合

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

    ext-js.zip_ext_ext js_extjs_js ext

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

    EXT教程EXT用大量的实例演示Ext实例

    Ext表单和输入控件 Ext的表单(Form)和输入控件(例如ComboBox)功能强大,支持丰富的验证机制和自定义布局。用户可以通过这些控件收集用户输入的数据,并提供多种提交数据的方式。Ext JS还提供了丰富的验证规则...

    ext js中文开发手册

    表单组件是EXT JS中用于收集用户输入的关键部分。它支持验证规则、布局管理和数据绑定,使表单设计变得简单而直观。 **十七、EXT中的继承** EXT JS采用了面向对象的编程模式,支持类的继承和重写。这允许开发者在...

Global site tag (gtag.js) - Google Analytics