Class
Ext.Button
Ext.SplitButton
Ext.CycleButton
Ext.ButtonGroup
Ext.Slider
Ext.ProgressBar
Ext.StatusBar
Ext.ColorPalette
Ext.DatePicker
基本组件:
xtype
button
splitbutton
cycle
buttongroup
slider
progress
statusbar
colorpalette
datepicker
容器及数据类组件
xtype
window
viewport
box
component
container
panel
tabpanel
treepanel
flash
grid
editorgrid
propertygrid
editor
dataview
listview
工具栏组件:
xtype
paging
toolbar
tbbutton
tbfill
tbitem
tbseparator
tbspacer
tbsplit
tbtext
菜单组件:
xtype
menu
colormenu
datemenu
menubaseitem BaseItem
Class
Ext.Window
Ext.ViewPort
Ext.BoxComponent
Ext.Component
Ext.Container
Ext.Panel
Ext.TabPanel
Ext.tree.TreePanel
Ext.FlashComponent
Ext.grid.GridPanel
Ext.grid.EditorGridPanel
Ext.grid.PropertyGrid
Ext.Editor
Ext.DataView
Ext.ListView
Class
Ext.PagingToolbar
Ext.Toolbar
Ext.Toolbar.Button
Ext.Toolbar.Fill
Ext.Toolbar.Item
Ext.Toolbar.Separator
Ext.Toolbar.Spacer
Ext.Toolbar.SplitButton
Ext.Toolbar.TextItem
Class
Ext.menu.Menu
Ext.menu.ColorMenu
Ext.menu.DateMenu
描述
按钮
带下拉菜单的按钮
带下拉选项菜单的按钮
编组按钮(Since 3.0)
滑动条
进度条
状态条,2.2加进来,3.0 又去了
调色板
日期选择面板
描述
窗口
视口,即浏览器的视口,能随之伸缩
盒子组件,相当于一个
组件
容器
面板
选项面板
树型面板
显示 Flash 的组件(Since 3.0)
表格
可编辑的表格
属性表格
编辑器
数据显示视图
列表视图
描述
分页工具条
工具栏
工具栏按钮
工具栏填充区
工具条项目
工具栏分隔符
工具栏空白
工具栏分隔按钮
工具栏文本项
描述
菜单
颜色选择菜单
日期选择菜单
Class
Ext.FormPanel/Ext.form.FormPanel
Ext.form.Checkbox
Ext.form.ComboBox
Ext.form.DateField
Ext.form.TimeField
Ext.form.Field
Ext.form.FieldSet
Ext.form.Hidden
Ext.form.HtmlEditor
Ext.form.Label
Ext.form.NumberField
Ext.form.Radio
Ext.form.TextArea
Ext.form.TextField
Ext.form.TriggerField
Ext.form.CheckboxGroup
Ext.form.DisplayField
Ext.form.RadioGroup
Ext.menu.Item
Ext.menu.Separator
Ext.menu.TextItem
menubaseitem BaseItem
menucheckitemExt.menu.CheckItem
menuitem
menuseparator
menutextitem
表单及表单域组件:
xtype
form
checkbox
combo
datefield
timefield
field
fieldset
hidden
htmleditor
label
numberfield
radio
textarea
textfield
trigger
checkboxgroup
displayfield
radiogroup
图表组件:
xtype
chart
barchart
cartsianchart
columnchart
linechart
piechart
数据集 Store:
xtype
arraystore
directstore
groupingstore
jsonstore
simplestore
store
xmlstore
Class
Ext.chart.Chart
Ext.chart.BarChart
Ext.chart.CartesianChart
Ext.chart.ColumnChart
Ext.chart.LineChart
Ext.chart.PieChart
Class
Ext.data.ArrayStore
Ext.data.DirectStore
Ext.data.GroupingStore
Ext.data.JsonStore
Ext.data.SimpleStore
Ext.data.Store
Ext.data.XmlStore
选项菜单项
菜单分隔线
文本菜单项
描述
表单面板
多选框
下拉框
日期选择项
时间录入项
表单字段
表单字段组
表单隐藏域
HTML 编辑器
标签
数字编辑器
单选按钮
多行文本框
表单文本框
触发录入项
编组的多选框(Since 2.2)
仅显示,不校验/不被提交的文本框
编组的单选按钮(Since 2.2)
描述
图表组件
柱状图
连线图
扇形图
描述
另外:关于 ExtJs 如何依据 xtype 创建对应组件这里只简单的说一句,ExtJs 的组件是通过 Ext.ComponentMgr 来管理的,组件类会以
xtype 为 key 注册到 ComponentMgr 中,用 xtype 形式时就通过 ComponentMgr 来创建 xtype 对应的组件。ComponentMgr 如
何对组件进行管理下面会进一步深入探究。
假如想要获得 xtype 与组件最完整的列表,有两种办法:
1. ExtJs 运行后,遍历 ComponentMgr 的 types{} 哈稀属性,这个属性是私有的,需改源代使之为公有,存储结构为
{button:Ext.Button, cycle:Ext.CycleButton}
2. 用 grep 从 ExtJs 源代码中搜寻出来。在组件的 JS 代码(如 Button.js) 中会用 Ext.reg('button', Ext.Button) 形式注册,所以下面
我用移植到 Windows 上的 GNU grep 程序从源代码中扒出所有的 xtype 及对应的组件类来。