您的位置:首页 > 其它

Ext.Form.Panel 属性

2013-12-25 18:42 836 查看
ExtJS表单组件

说明

Xtype类型

Ext.form.field.CheckBox

复选框

checkboxfield

Ext.form.CheckBoxGroup

复选框组

checkboxgroup

Ext.form.field.ComboBox

下拉列表框

combo

Ext.form.field.Date

日期选择框

datefield

Ext.form.field.Display

文本显示组件

displayfield

Ext.form.field.FieldContainer

字段容器

fieldcontainer

Ext.form.field.FieldSet

字段集

fieldset

Ext.form.field.Hidden

隐藏域

hiddenfield

Ext.form.field.HtmlEditer

HTML文本编辑器

htmleditor

Ext.form.Label

标签字段

label

Ext.form.field.Number

数字输入框

numberfield

Ext.form.field.Radio

单选框

radio

Ext.form.RadioGroup

单选框组

radiogroup

Ext.form.field.Spinner

微调组件

spinnerfield

Ext.form.field.TextArea

多行文本框

textareafield

Ext.form.field.Text

单行文本框

textfield

Ext.form.field.Time

时间选择框

timefield

Ext.form.field.Trigger

触发器按钮文本框

triggerfield

Ext.form.field.File

文本框上传字段

filefield

2、Ext.form.Panel主要配置项目表

配置项

类型

说明

buttons

Array

一个按钮(Ext.button.Button)配置对象数组,按钮将被添加到表单页脚中

layout

String

表单布局

minButtonWidth

Number

表单按钮的最小宽度,默认为75px

pollForChanges

Boolean

是否循环检查表单值的变化

pollInterval

Number

循环检查表单值的时间间隔,默认为500ms

items

Mixed

一个子元素或子元素的数组

title

String

表单标题

3、Ext.form.FormPanel常用方法表

方法名

说明

checkChange:void

强制检查每个表单字段是否发生了变化

getForm():Ext.form.BasicForm

获取表单面板对应的基本表单对象

load(Object options):void

加载表单内容

startPolling(Number interval):void

开始循环检查表单值是否发生了变化

参数说明:

interval:循环检查的时间,单位ms

stopPolling:void

停止startPolling启动的内置任务

submit(Object options):void

提交表单内容

4、Ext.form.field.Base主要配置项目表

配置项

类型

说明

dirtyCls

String

设置表单值被修改后的样式

fieldCls

String

设置表单字段的样式,默认为“x-form-field”

focusCls

String

设置表单字段获得焦点时的样式,默认为“x-form-focus”

id

String

控件的唯一标识,默认系统自动生成一个唯一标识

inputId

String

这个id将被应用于生成的input元素,默认情况下这个id自动生成,如果手工配置id则需保证这个id的唯一性

invalidText

String

设置表单值无效且并没有提供信息时的显示文字

inputType

String

字段类型,默认为text

name

String

字段名,默认为undefined

readOnly

Boolean

设置字段是否只读,默认为false。

Mixin:Ext.form.field.Field

disabled

Boolean

true则禁用组件,默认为false。禁用状态下的组件将不被提交

submitValue

Boolean

设置表单字段非禁用状态下是否提交表单值,默认为true

validateOnChange

Boolean

设置是否在值发生变化时立刻校验的有效性,默认为true

value

Mixed

字段的初始化值

Mixing:Ext.form.Labelable

activeError

String

如果设置该值,则组件第一次被渲染时该值将被作为错误信息展示,默认为undefined,组件创建之后可以使用setActiveError和unsetActiveError进行修改

activeErrorTpl

Ext.XTemplate

错误信息模板

autoFitErrors

Boolean

设置为true则自动调节组件体范围,以便在组件范围内显示“side”或“under”状态的错误信息,默认为true

fieldLabel

String

设置字段标签,它将与labelSeparator一起被添加,它的位置尺寸决定于labelAlign,labelWidth和labelPad配置项,默认为undefined

hideEmptyLabel

Boolean

设置为true则完全隐藏内容为空的标签

hideLabel

Boolean

设置为true则完全隐藏表单标签(fieldLabel和labelSeparator),默认为false

labelAlign

String

设置表单标签filedLabel的位置,

有效值:left:

标签在字段左边。top:

标签在字段上面。

right:标签在字段右边。

labelPad

Number

设置表单标签与表单字段值之间的空白间距,默认为5px

labelSeparator

String

设置表单标签与表单字段之间的分隔符

labelStyle

String

设置一个直接应用于标签元素的样式字符串,默认为undefined

labelWidth

Number

设置表单标签宽度,仅当labelAlign设置为“left”或“right”时生效,默认为100px

labelableRenderTpl

Array/String/Ext.Template

表单标签模板

msgTarget

String

设置错误信息提示位置,

有效值包括:

qtip:显示一个浮动的提示消息

title:显示一个浏览器浮动提示消息

under:在字段下面显示一个提示消息

side:在字段右边显示一个提示消息

none:不显示提示消息

[element id]:直接将错误消息添加到指定元素的innerHTML属性

preventMark

Boolean

true则不显示错误消息,默认为false

本文出自 “華麗Dē‖Java Question” 博客,请务必保留此出处http://teny32.blog.51cto.com/8027509/1344836
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: