下面介紹一些Ext中的一些類充活，組件說明蝌矛。方便寫項目搭頁面及架子贰逾。

Ext JS所有界面組件

1凄杯、使用Ext.container.Container--創(chuàng)建容器
2错洁、使用Ext.panel.Panel--創(chuàng)建面板
3、使用Ext.toolbar.ToolBar--創(chuàng)建工具條
4戒突、使用Ext.tab.Panel--創(chuàng)建Tab面板
5屯碴、使用Ext.container.Viewport--整體布局
6、使用Ext.window.Window--創(chuàng)建窗口
7膊存、使用Ext.window.MessageBox--創(chuàng)建對話框
8导而、使用Ext.menu.CheckItem忱叭、Ext.menu.ColorPicker、Ext.menu.DatePicker實現(xiàn)特殊菜單項
9今艺、使用Ext.Ation--創(chuàng)建按鈕
10韵丑、使用Ext.ProgressBar--創(chuàng)建進度條
11、使用Ext.slider.Single--創(chuàng)建滑動條
12虚缎、使用Ext.Img--創(chuàng)建圖片
13撵彻、使用Ext.Editor--創(chuàng)建編輯器
14、使用Ext.tip.ToolTip--創(chuàng)建提示
15实牡、使用Ext.QuickTipManager和Ext.tip.QuickTip--創(chuàng)建提示
16陌僵、使用Ext.ux.GMapPanel實現(xiàn)Google地圖
17、使用Ext.form.field.ComboBox--創(chuàng)建復合框
18创坞、使用Ext.data.Store與Ext.data.Model管理數(shù)據(jù)
19碗短、使用Ext.data.Proxy.Proxy和Ext.data.reader.Reader讀取數(shù)據(jù)
20、使用Ext.grid.Panel--生成表格
21题涨、使用Ext.grid.column.Column-定義列
22偎谁、使用Ext.grid.Panel顯示遠程數(shù)據(jù)
23、使用Ext.tree.Panel生成數(shù)

基本組件：

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 狀態(tài)條携栋，2.2加進來搭盾，3.0 又去了
colorpalette Ext.ColorPalette 調(diào)色板
datepicker Ext.DatePicker 日期選擇面板

容器及數(shù)據(jù)類組件

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 數(shù)據(jù)顯示視圖
listview Ext.ListView 列表視圖

工具欄組件：

xtype Class 描述
paging Ext.PagingToolbar 分頁工具條
toolbar Ext.Toolbar 工具欄
tbbutton Ext.Toolbar.Button 工具欄按鈕
tbfill Ext.Toolbar.Fill 工具欄填充區(qū)
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 數(shù)字編輯器
radio Ext.form.Radio 單選按鈕
textarea Ext.form.TextArea 多行文本框
textfield Ext.form.TextField 表單文本框
trigger Ext.form.TriggerField 觸發(fā)錄入項
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 扇形圖

數(shù)據(jù)集 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