基本組件：
xtype	Class	描述
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	Class	描述
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 的組件(Since 3.0)
grid	Ext.grid.GridPanel	表格
editorgrid	Ext.grid.EditorGridPanel	可編輯的表格
propertygrid	Ext.grid.PropertyGrid	屬性表格
editor	Ext.Editor	編輯器
dataview	Ext.DataView	數據顯示視圖
listview	Ext.ListView	列表視圖
?
工具欄組件：
xtype	Class	描述
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	Class	描述
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	Class	描述
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	編組的多選框(Since 2.2)
displayfield	Ext.form.DisplayField	僅顯示，不校驗/不被提交的文本框
radiogroup	Ext.form.RadioGroup	編組的單選按鈕(Since 2.2)
?
圖表組件：
xtype	Class	描述
chart	Ext.chart.Chart	圖表組件
barchart	Ext.chart.BarChart	柱狀圖
cartsianchart	Ext.chart.CartesianChart	?
columnchart	Ext.chart.ColumnChart	?
linechart	Ext.chart.LineChart	連線圖
piechart	Ext.chart.PieChart	扇形圖
?
數據集 Store：
xtype	Class	描述
arraystore	Ext.data.ArrayStore	?
directstore	Ext.data.DirectStore	?
groupingstore	Ext.data.GroupingStore	?
jsonstore	Ext.data.JsonStore	?
simplestore	Ext.data.SimpleStore	?
store	Ext.data.Store	?
xmlstore	Ext.data.XmlStore	?

總結

以上是生活随笔為你收集整理的ExtJs xtype一览的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。