Ext.form各类控件的配置及方法

更新时间:2023-07-26 19:38:02 阅读: 评论:0

Ext.form各类控件的配置及⽅法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
配置项:
baParams:传递到请求中的参数
method:表单的提交⽅式,有效值包括GET、POST
url:表单默认的提交路径
fileUpload:表单是否进⾏⽂件上传
timeout:表单动作的超时时间,默认为30秒
trackRetOnLoad:是否在表单初次创建时清楚数据
⽅法:
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 ):成批设置表单字段为验证⽆效
牛黄镇惊丸ret():重置表单
tValues( 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:字段是否不可⽤,默认为fal
fieldLabel:字段标签说明
hideLabel:隐藏字段标签,默认为fal
labelSeparator:字段标签与字段之间的分隔符,默认为':'
labelStyle:字段标签样式
inputType:默认为text
invalidClass:默认为x-form-invalid
invalidText:字段⾮法⽂本提⽰
msgTarget:错误信息显⽰的位置,默认为qtip
qtip:显⽰⼀个浮动的提⽰信息
title:显⽰⼀个浏览器的浮动提⽰信息
under:在字段下⽅显⽰⼀个提⽰信息
side:在字段右边显⽰⼀个提⽰信息
readOnly:字段是否只读,默认为fal
validateOnBlur:字段在失去焦点时被验证,默认为true ⽅法:
打扰英文clearInvalid():
getRawValue()
tRawValue( Mixed value )
getValue()
tValue( Mixed value )
isDirty():字段值在装载后是否被修改过
isValid( Boolean preventMark ):当前字段值是否合法
三大主神markInvalid( [String msg] )
validate()
ret()
5、Ext.form.Hidden
6、Ext.form.Label
配置项:
html:
text:
7、Ext.form.TextField
配置项:
allowBlank:是否允许为空,默认为true
blankText:空验证失败后显⽰的提⽰信息
emptyText:在⼀个空字段中默认显⽰的信息
grow:字段是否⾃动伸展和收缩,默认为fal
growMin:收缩的最⼩宽度
growMax:伸展的最⼤宽度
inputType:字段类型:默认为text
maskRe:⽤于过滤不匹配字符输⼊的正则表达式
maxLength:字段允许输⼊的最⼤长度
maxLengthText:最⼤长度验证失败后显⽰的提⽰信息
minLength:字段允许输⼊的最⼩长度
minLengthText:最⼩长度验证失败后显⽰的提⽰信息
regex:正则表达式
regexText:正则表达式验证失败后显⽰的提⽰信息
vtype:验证类型的名字
alpha:限制只能输⼊字母
alphanum:限制只能输⼊字母和数字
email
url
vtypeText:验证失败时的提⽰信息
validator:⾃定义验证函数
lectOnFocus:当字段得到焦点时⾃动选择已存在的⽂本,默认为fal 8、Ext.form.TextArea
配置项:
preventScrollbars:是否禁⽌出现滚动条,默认为fal
9、Ext.form.NumberField
配置项:kobe壁纸
allowDecimals:是否允许输⼊⼩数,默认为true
allowNegative:是否允许输⼊负数,默认为true
baChars:输⼊的有效数字集合,默认为'0123456789'
decimalPrecision:数字的精度,默认保留⼩数点后2位
decimalSeparator:⼗进制分隔符,默认为'.'
maxValue:允许输⼊的最⼤数值
maxText:超过最⼤值之后的提⽰信息
minValue:允许输⼊的最⼩数值
minText:超过最⼩值之后的提⽰信息
nanText:输⼊⾮有效数值之后的提⽰信息
10、Ext.form.Checkbox
配置项:
boxLabel:复选框的⽂字描述
checked:复选框是否被选择,默认为fal
handler:当checked值改变时触发的函数,函数包含两个参数:checkbox、checked
匠心筑梦inputValue:
⽅法:
getValue():返回复选框的checked状态
tValue( Boolean/String checked ):
11、Ext.form.CheckboxGroup
配置项:
allowBlank:是否允许不选择,默认为true
blankText:
columns:显⽰的列数,可选值包括:固定值auto、数值、数组(整数、⼩数)
items:对象数组
vertical:是否垂直⽅向显⽰对象,默认为fal
12、Ext.form.Radio
⽅法:
getGroupValue():
tValue( value {String/Boolean} ):
13、Ext.form.RadioGroup
配置项:
allowBlank:
blankText:
14、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:⼀个发往服务器⽤来查询全部信息的查询字符串,默认为空字符串''
lectOnFocus:当获得焦点时⽴刻选择⼀个已存在的列表项。默认为fal,此项只有在editable=true时才会⽣效
store:列表框绑定的数据源
transform:将页⾯中已存在的元素转换为组合框土豆干
成长烦恼
lazyInit:延时初始化下拉列表,默认为true
lazyRender:延时渲染,默认为fal
triggerAction:设置单击触发按钮时执⾏的默认操作,有效值包括all和query,默认为query,如果设置为all则会执⾏allQuery中设置的查询
typeAhead:设置在输⼊过程中是否⾃动选择匹配的剩余部分⽂本(选择第⼀个满⾜条件的),默认为fal
value:初始化组合框中的值
valueField:组合框的值字段
valueNotFoundText:值不存在时的提⽰信息
tpl:Ext模板字符串或模板对象,可以通过该配置项⾃定义下拉列表的显⽰⽅式
⽅法:
clearValue():清空字段当前值
doQuery( String query, Boolean forceAll ):
getValue():
getStore():
tValue( String value ):
15、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():取得⽇期值
16、Ext.form.FieldSet
配置项:
animCollap:动画折叠,默认为fal
checkboxToggle:设置是否显⽰字段集的checkbox选择框,默认为fal
checkboxName:指定字段集中⽤于展开或隐藏字段集⾯板的checkbox的名字,该属性只有在checkboxToggle为true时⽣效
labelWidth:字段标签的宽度,可以级联到⼦容器
layout:布局,默认为form
17、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:多个时间输⼊格式组成的字符串,不同的格式之间使⽤“|”进⾏分割

本文发布于:2023-07-26 19:38:02,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1097764.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:默认   是否   表单
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图