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

最新推荐文章于 2018-07-27 15:50:18 发布

meganlee

最新推荐文章于 2018-07-27 15:50:18 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

分类专栏： Ext学习文章标签： EXT

本文链接：https://blog.youkuaiyun.com/meganlee/article/details/83495112

Ext学习专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了ExtJS中表单组件的配置与使用方法，包括NumberField、TextArea、TriggerField、DateFormat及ComboBox等组件的配置选项、自定义属性与事件。通过本文，读者可以了解到如何更高效地运用这些组件来构建复杂且功能丰富的Web应用。

Ext.form.NumberField

继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件

config定义为{

allowDecimals : Boolean //true

allowNegative : Boolean //true

baseChars : String //'0123456789'

decimalPrecision : Number //精度,默认值2

decimalSeparator : String //小数分隔符

fieldClass : String //默认样式为x-form-field x-form-num-field

maxText : String

maxValue : Number //默认Number.MAX_VALUE

minText : String

minValue : Number //默认Number.NEGATIVE_INFINITY

nanText : String //NaN时显示?

}

Ext.form.TextArea

config{

autoCreate : String/Object //{tag: "textarea", style: "width:100px;height:60px;", autocomplete: "off"}

growMax : Number //1000

growMin : Number //60

preventScrollbars : Boolean //如果为真等于设置overflow: hidden,默认为false

}

Ext.form.TriggerField

这个类只要text旁边加了个下拉按钮,要自己实现onTriggerClick

config{

autoCreate : String/Object, //{tag: "input", type: "text", size: "16", autocomplete: "off"}

hideTrigger : Boolean //隐藏trigger,就是右边的那个下拉选择框

triggerClass : String

}

事件

onTriggerClick( EventObject e ) : void

Ext.form.DateField

继承自TriggerField,用于日期选择

config{

altFormats : String //转换用户输入到日期时的格式,默认'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d'

autoCreate : String/Object //{tag: "input", type: "text", size: "10", autocomplete: "off"}

disabledDates : Array //禁止选择的日期:例 ["^03","04/../2006","09/16/2003"],不让选3月,2006年4月,2003年9月16

disabledDatesText : String //不让选总得给个理由吧

disabledDays : Array //不让选星期几,例[0,6],不让选周六,周日

disabledDaysText : String //周日要休息,这就是理由

format : String //显示时的格式

invalidText : String //验证非法时的提示

maxText : String

maxValue : Date/String

minText : String

minValue : Date/String

triggerClass : String

}

方法,除了构造,多了两个顾名思义的方法

DateField( Object config )

getValue() : Date

setValue( String/Date date ) : void

Ext.form.ComboBox

config{

allQuery : String //''

autoCreate : Boolean/Object //{tag: "input", type: "text", size: "24", autocomplete: "off"}