基本组件有: | |
xtype | Class |
box | Ext.BoxComponent 具有边框属性的组件 |
Button | Ext.Button 按钮 |
colorpalette | Ext.ColorPalette 调色板 |
component | Ext.Component 组件 |
container | Ext.Container 容器 |
cycle | Ext.CycleButton |
dataview | Ext.DataView 数据显示视图 |
datepicker | Ext.DatePicker 日期选择面板 |
editor | Ext.Editor 编辑器 |
editorgrid | Ext.grid.EditorGridPanel 可编辑的表格 |
grid | Ext.grid.GridPanel 表格 |
paging | Ext.PagingToolbar 工具栏中的间隔 |
panel | Ext.Panel 面板 |
progress | Ext.ProgressBar 进度条 |
splitbutton | Ext.SplitButton 可分裂的按钮 |
tabpanel | Ext.TabPanel 选项面板 |
Treepanel | Ext.tree.TreePanel 树 |
viewport | Ext.ViewPort 视图 |
window | Ext.Window 窗口 |
工具栏组件有 | |
toolbar | Ext.Toolbar 工具栏 |
tbbutton | Ext.Toolbar.Button 按钮 |
tbfill | Ext.Toolbar.Fill 文件 |
tbitem | Ext.Toolbar.Item 工具条项目 |
tbseparator | Ext.Toolbar.Separator 工具栏分隔符 |
tbspacer | Ext.Toolbar.Spacer 工具栏空白 |
tbsplit | Ext.Toolbar.SplitButton 工具栏分隔按钮 |
tbtext | Ext.Toolbar.TextItem 工具栏文本项 |
表单及字段组件包含 | |
form | Ext.FormPanel Form 面板 |
checkbox | Ext.form.Checkbox checkbox 录入框 |
combo | Ext.form.ComboBox combo 选择项 |
datefield | Ext.form.DateField 日期选择项 |
field | Ext.form.Field 表单字段 |
fieldset | Ext.form.FieldSet 表单字段组 |
hidden | Ext.form.Hidden 表单隐藏域 |
htmleditor | Ext.form.HtmlEditor html 编辑器 |
numberfield | Ext.form.NumberField 数字编辑器 |
radio | Ext.form.Radio 单选按钮 |
textarea | Ext.form.TextArea 区域文本框 |
textfield | Ext.form.TextField 表单文本框 |
timefield | Ext.form.TimeField 时间录入项 |
trigger | Ext.form.TriggerField 触发录入项 |
由于所有的组件都继承自Ext.Component,因此在这里我们列出组件基类Component 中
的配置属性简单介绍。
配置属 性名称 | 类型 | 简介 |
allowDomMove | Boolean | 当渲染这个组件时是否允许移动Dom节点(默认值为true)。 |
applyTo | Mixed | 混合参数,表示把该组件应用指定的对象。参数可以是—节点的id,一个DOM节点或一个存在的元素或与之相对应的在document中已出现的id。当使用applyTo,也可以提供一个id或CSS的class名称,如果子组件允许它将尝试创建一个。如果指写applyTo选项,所有传递到renderTo方法的值将被忽略,并且目标元素的父节点将自动指定为这个组件的容器。使用applyTo选项后,则不需要再调用render()方法来渲染组件。 |
autoShow | Boolean | 自动显示,如为true,则组件将检查所有隐藏类型的class(如:’x-hidden’或’x-hide-display’并在渲染时移除(默认为false)。 |
cls | String | 给组件添加额外的样式信息,(默认值为''),如果想自定义组件或它的子组件的样式,这个选项是非常有用的。 |
ctCls | String | 给组件的容器添加额外的样式信息,默认值为'')。 |
disabledClass | String | 给被禁用的组件添加额外的CSS样式信息,(默认为"x-item-disabled")。 |
hideMode | String | 组件的隐藏方式, 支持的值有’visibility’ , 也就是css 里的visibility,’offsets’负数偏移位置的值和’display’也就是css里的display,默认值为’display’。 |
hideParent | Boolean | 是否隐藏父容器,该值为true时将会显示或隐藏组件的容器,false时则只隐藏和显示组件本身(默认值为false)。 |
id | String | 组件的id,默认为一个自动分配置的id。 |
listeners | Object | 给对象配置多个事件监听器,在对象初始化会初始化这些监听器。 |
plugins | Object/ Array | 一个对象或数组,将用于增加组件的自定义功能。一个有效的组件插件必须包含一个init方法,该方法可以带一个Ext.Component类型参数。当组件建立后,如果该组件包含有效的插件,将调用每一个插件的init方法,把组件传递给插件,插件就能够实现对组件的方法调用及事件应 用等,从而实现对组件功能的扩充。 |
renderTo | Mixed | 混合数据参数,指定要渲染到节点的id,一个DOM的节点或一个已存在的容器。如果使用了这个配置选项,则组件的render()就不是必需的了。 |
stateEvents | Array | 定义需要保存组件状态信息的事件。当指定的事件发生时,组件会保存它的状态(默认为none),其值为这个组件支持的任意event类型,包含组件自身的或自定义事件。(例如:[‘click’,’customerchange’])。 |
stateId | String | 组件的状态ID,状态管理器使用该id来管理组件的状态信息,默认值为组件的id。 |
style | String | 给该组件的元素指定特定的样式信息, 有效的参数为 Ext.Element.applyStyles中的值。 |
xtype | String | 指定所要创建组件的xtype,用于构造函数中没有意义。该参数用于在容器组件中创建创建子组件并延迟实例化和渲染时使用。如果是自定义的组件,则需要用Ext.ComponentMgr.registerType来进行注册,才会支持延迟实例化和渲染。 |
el | Mixed | 相当于applyTo |