Ext2.0對(duì)框架進(jìn)行了非常大的重構(gòu)，其中最重要的就是形成了一個(gè)結(jié)構(gòu)及層次分明的組件體系，由這些組件形成了Ext的控件，Ext組件是由 Component類定義，每一種組件都有一個(gè)指定的xtype屬性值，通過(guò)該值可以得到一個(gè)組件的類型或者是定義一個(gè)指定類型的組件。
ExtJS中的組件體系由下圖所示：

?

Ext組件是由 Component類定義，每一種組件都有一個(gè)指定的xtype屬性值，通過(guò)該值可以得到一個(gè)組件的類型或者是定義一個(gè)指定類型的組件。

?

?

組件大致可以分成三大類，即基本組件、工具欄組件、表單及元素組件。
基本組件有：

? xtype??????????? Class
-------------??? ------------------
box????????????? Ext.BoxComponent? 具有邊框?qū)傩缘慕M件
button?????????? Ext.Button　　按鈕
colorpalette???? Ext.ColorPalette 調(diào)色板
component??????? Ext.Component　組件
container??????? Ext.Container　容器
cycle??????????? Ext.CycleButton　
dataview???????? Ext.DataView 數(shù)據(jù)顯示視圖
datepicker?????? Ext.DatePicker 日期選擇面板
editor?????????? Ext.Editor　編輯器
editorgrid?????? Ext.grid.EditorGridPanel 可編輯的表格　
grid???????????? Ext.grid.GridPanel 表格
paging?????????? Ext.PagingToolbar 工具欄中的間隔
panel??????????? Ext.Panel　面板
progress???????? Ext.ProgressBar 進(jìn)度條
splitbutton????? Ext.SplitButton 可分裂的按鈕
tabpanel???????? Ext.TabPanel　選項(xiàng)面板
treepanel??????? Ext.tree.TreePanel 樹(shù)
viewport???????? Ext.ViewPort 視圖
window?????????? Ext.Window　窗口

工具欄組件有
---------------------------------------
toolbar????????? Ext.Toolbar　工具欄
tbbutton???????? Ext.Toolbar.Button　按鈕
tbfill?????????? Ext.Toolbar.Fill　文件
tbitem?????????? Ext.Toolbar.Item　工具條項(xiàng)目
tbseparator????? Ext.Toolbar.Separator　工具欄分隔符
tbspacer???????? Ext.Toolbar.Spacer　工具欄空白
tbsplit????????? Ext.Toolbar.SplitButton 工具欄分隔按鈕
tbtext?????????? Ext.Toolbar.TextItem　工具欄文本項(xiàng)

表單及字段組件包含：
---------------------------------------
form???????????? Ext.FormPanel　Form面板　
checkbox???????? Ext.form.Checkbox　checkbox錄入框
combo??????????? Ext.form.ComboBox　combo選擇項(xiàng)
datefield??????? Ext.form.DateField　日期選擇項(xiàng)
field??????????? Ext.form.Field　表單字段
fieldset???????? Ext.form.FieldSet　表單字段組
hidden?????????? Ext.form.Hidden 表單隱藏域
htmleditor?????? Ext.form.HtmlEditor　html編輯器
numberfield????? Ext.form.NumberField　數(shù)字編輯器
radio??????????? Ext.form.Radio　單選按鈕
textarea???????? Ext.form.TextArea　區(qū)域文本框
textfield??????? Ext.form.TextField　表單文本框
timefield??????? Ext.form.TimeField　時(shí)間錄入項(xiàng)
trigger????????? Ext.form.TriggerField　觸發(fā)錄入項(xiàng)

ExtJS的組件