【轉】Ext JS xtype

 

原文：Ext 中xtype一覽

基本元件：
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