Ext Js_xtype 组件列表

基本组件

xtype 命名空间 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton 带下拉选项菜单的按钮 buttongroup Ext.ButtonGroup 编组按钮(Since 3.0) slider Ext.Slider 滑动条 progress Ext.ProgressBar 进度条 statusbar Ext.StatusBar 状态条，2.2加进来，3.0又去了 colorpalette Ext.ColorPalette 调色板 datepicker Ext.DatePicker 日期选择面板

容器组件

xtype	命名空间	描述
window	Ext.Window	窗口
viewport	Ext.ViewPort	视口，即浏览器的视口，能随之伸缩
box	Ext.BoxComponent	盒子组件，相当于div
component	Ext.Component	组件
container	Ext.Container	容器
panel	Ext.Panel	面板
tabpanel	Ext.TabPanel	选项面板
treepanel	Ext.tree.TreePanel	树型面板
flash	Ext.FlashComponent	显示 Flash 的组件（自 3.0 版）
grid	Ext.grid.GridPanel	表格
editorgrid	Ext.grid.EditorGridPanel	可编辑的表格
propertygrid	Ext.grid.PropertyGrid	属性表格
editor	Ext.Editor	编辑器
dataview	Ext.DataView	数据显示视图
listview	Ext.ListView	列表视图

工具栏组件

xtype	命名空间	描述
paging	Ext.PagingToolbar	分页工具栏
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	工具栏的文本项

菜单组件

xtype	命名空间	描述
menu	Ext.menu.Menu	菜单。菜单项按钮集合
colormenu	Ext.menu.ColorMenu	颜色选择菜单
datemenu	Ext.menu.DateMenu	日期选择菜单
menubaseitem	BaseItem
menucheckitem	Ext.menu.CheckItem	菜单项的多选
menuitem	Ext.menu.Item	菜单项的按钮
menuseparator	Ext.menu.Separator	菜单项的分隔线
menutextitem	Ext.menu.TextItem	菜单项的文本菜单

表单组件

xtype	命名空间	描述
form	Ext.FormPanel/Ext.form.FormPanel	表单面板
checkbox	Ext.form.Checkbox	多选框
combo	Ext.form.ComboBox	下拉框
datefield	Ext.form.DateField	日期选择
timefield	Ext.form.TimeField	时间录入
field	Ext.form.Field	表单字段
fieldset	Ext.form.FieldSet	表单字段集合
hidden	Ext.form.Hidden	表单隐藏域
htmleditor	Ext.form.HtmlEditor	HTML 编辑器
label	Ext.form.Label	标签
numberfield	Ext.form.NumberField	数字编辑器
radio	Ext.form.Radio	单选按钮
textarea	Ext.form.TextArea	多行文本框
textfield	Ext.form.TextField	表单文本框
trigger	Ext.form.TriggerField	触发录入项
checkboxgroup	Ext.form.CheckboxGroup	编组的多选框（自 2.2 版）
displayfield	Ext.form.DisplayField	仅显示，不验证、不提交的文本框
radiogroup	Ext.form.RadioGroup	编组的单选按钮（自 2.2 版）

图表组件

xtype	命名空间	描述
chart	Ext.chart.Chart	图表组件
barchart	Ext.chart.BarChart	柱状图
cartsianchart	Ext.chart.CartesianChart	笛卡尔图表
columnchart	Ext.chart.ColumnChart	?
linechart	Ext.chart.LineChart	连线图
piechart	Ext.chart.PieChart	扇形图

 

数据组件

xtype	命名空间	描述
arraystore	Ext.data.ArrayStore	Javascript 数组数据
directstore	Ext.data.DirectStore	?
groupingstore	Ext.data.GroupingStore	?
jsonstore	Ext.data.JsonStore	json数据
simplestore	Ext.data.SimpleStore	?
store	Ext.data.Store	数据集合，可以是Javascript数组，Json数据等
xmlstore	Ext.data.XmlStore	XML文件数据