`

TextField

 
阅读更多

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

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

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

Ext.form.Checkbox
      配置项:
           boxLabel:复选框的文字描述
           
checked:复选框是否被选择,默认为false
           handler:当checked值改变时触发的函数,函数包含两个参数:checkbox、
checked
           inputValue:
     方法:
           getValue():返回复选框的checked状态
           setValue( Boolean
/String checked ):
Ext.form.CheckboxGroup
     配置项:
           allowBlank:是否允许不选择,默认为true
           blankText:
           columns:显示的列数,可选值包括:固定值auto、数值、数组(整数、小数)
           items:对象数组
           vertical:是否垂直方向显示对象,默认为false

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

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

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

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():取得日期值

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

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:多个时间输入格式组成的字符串,不同的格式之间使用“
|”进行分割

分享到:
评论

相关推荐

    ExtJs5 去掉textfield边框

    在ExtJs5中,开发人员有时需要自定义UI以满足特定的设计需求,比如去掉`textfield`组件的边框。在给定的描述中,我们看到开发者遇到了一个问题:默认情况下,ExtJs5的`textfield`组件有明显的边框,但通过添加特定的...

    基于TextField的图文混编的组件

    基于TextField的图文混编组件是一种解决方案,它利用了Adobe Flash(ActionScript 3,AS3)中的TextField类来实现这一功能。TextField在Flash中是一个基础的文本显示和编辑控件,它可以处理简单的文本输入,但通过...

    textfield文件的自适应高度

    在iOS开发中,TextField是用户输入文本的基本控件,它通常用于收集用户的单行文本信息。然而,标准的UITextField在处理多行文本时可能存在局限,因为它默认不支持自适应高度,即不能根据输入内容的多少自动调整自身...

    TextField-InputView, UITextField InputView模式:终结注册类、信息采集类.zip

    `TextField-InputView`项目就是基于这个特性进行深入实践的开源库,它的目标是终结传统注册类以及复杂的信息采集类,让开发者能更便捷地定制输入视图。 `UITextField`的`inputView`属性通常用来替代系统默认的键盘...

    Java中TextField类.pdf

    Java中的`TextField`类是Swing库中的一个基础组件,用于创建用户可以在其上输入文本的单行文本字段。在GUI编程中,`TextField`是一个非常常见的元素,它允许用户输入和编辑一行文本。以下是对`TextField`类的详细...

    ios keywoard自适应textField高度

    "ios keyword 自适应 textField 高度"这一话题,正是关注如何在故事板(Storyboard)中巧妙地设置背景图片以及管理多个UITextField的高度动态变化。 首先,让我们深入理解UITextField的基本属性和行为。UITextField是...

    文本编辑器-textField实现

    在GUI(图形用户界面)应用中,`TextField`组件是实现文本输入和编辑的基本元素。在这里,我们将深入探讨如何使用`TextField`来创建一个功能丰富的文本编辑器。 `TextField`是JavaFX或Swing等GUI库中的一个类,它...

    TextField使用小惊奇

    在Android开发中,`TextField`是用于用户输入文本的基本组件,尤其在构建用户界面时扮演着重要角色。在本文中,我们将深入探讨`TextField`如何实现多行输入,即自动换行的功能,并揭示一个小小的惊喜——只需导入一...

    QML-TextField-Completer.zip

    在QML(Qt Quick)中,`TextField`是用于用户输入文本的基本组件,而`Completer`则是一种增强用户体验的功能,它可以提供输入建议,帮助用户快速完成输入。本项目"QML-TextField-Completer.zip"显然是一个关于如何在...

    ios-TextField自动换行.zip

    textField.inputView = UIView(frame: CGRect(x: 0, y: 0, width: textField.frame.width, height: textField.frame.height)) let textView = UITextView(frame: .zero, textContainer: textContainer) textView....

    代码实现Lable 、textField创建界面以及键盘的处理

    本教程将专注于使用代码实现Label和TextField来构建UI,并探讨如何处理键盘的显示与关闭。我们将结合`LTFDemo`这个示例项目进行讲解。 首先,让我们了解Label和TextField的基本概念。Label(标签)是用来展示静态...

    textField的一个简单例子

    在iOS开发中,`textField` 是一个非常常见的控件,用于接收用户输入的文字信息。在很多情况下,我们可能需要在用户交互时管理键盘的显示和隐藏,以优化用户体验。在这个"textField的一个简单例子"中,我们将探讨如何...

    TextField自动换行.zip

    这时,可以监听`UITextField`的`textDidChange`通知,或者在其代理方法`textField(_:shouldChangeCharactersIn:replacementString:)`中处理。例如: ```swift textField.addTarget(self, action: #selector...

    iOS textField弹出自定义键盘(日期时间、省市、国家)

    本文将深入探讨如何在`textField`中实现弹出自定义键盘,特别是日期时间、省市、国家等特定类型的键盘。我们将主要关注以下几个方面:自定义键盘的基本构建、省市选择键盘的实现、日期时间键盘的创建以及国家选择...

    Flutter漂亮登陆界面,TextField回车光标、焦点跳转下个TextField,最后一个自动点击登陆,源码提供下载

    flutter在开发登陆界面的时候,输入内容后回车光标要跳转到下个TextField,有时FocusScope.of(context).requestFocus,不起作用,经过多次查找资料,最后找到一个相对适应实际应用的方法,提供源码下载 ,请查阅!...

    Ext表单组件之textField

    本篇我们主要关注"Ext表单组件之textField",它是最基础也是最常用的输入控件,用于接收用户的文本输入。 一、Ext.form.TextField简介 Ext.form.TextField是Ext JS中的一个核心组件,它允许用户在表单中输入单行...

    带警示效果的TextField、改变光标起始位置

    在IT行业中,尤其是在UI设计和开发领域,TextField是常见的用户输入组件,用于接收用户的文本输入。在Android或iOS等移动操作系统,以及Web开发中的HTML5等技术中,TextField都有着广泛的应用。本文将深入探讨如何...

    iOS TextField自动添加空格

    override func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool { guard let text = textField.text else { return true } let ...

    SwiftUI实战之验证手机号并限制长度TextField

    本实战教程将聚焦于如何使用`TextField`来实现手机号的验证,并限制输入的字符长度,确保用户只能输入有效的手机号码。我们将探讨以下几个关键知识点: 1. **SwiftUI的TextField**: `TextField`是SwiftUI提供的一...

    swift-iOSPlaceholder和icon替换出现的TextField组件

    在iOS应用开发中,用户界面的设计与交互是至关重要的,其中`TextField`组件扮演着接收用户输入的关键角色。`UITextField`是苹果提供的一个基础UI元素,用于创建可以在屏幕上输入文本的区域。本篇文章将深入探讨如何...

Global site tag (gtag.js) - Google Analytics