EXTJS的組件體系中有進40種組件,而這些組件又可以大致分成三大類,即基本組件、工具欄組件、表單及元素組件。
基本組件是構成Web UI的主體組件,因爲這些組件在其他開發體系中也都有部分存在。這些組件豐富了傳統Web UI 的表現,是EXTJS改善Web UI 的重要體現。
EXIJS的基本組件:
xtype Class 說明
------------- ------------------ ------------------
box Ext.BoxComponent 具有邊框屬性的組件
button Ext.Button 按鈕
colorpalette Ext.ColorPalette 調色板
component Ext.Component 組件
Container Ext.Container 容器
cycle Ext.CycleButton
dataview Ext.DataView 數據顯示視圖
datepicker Ext.DatePicker 日期選擇面板
editor Ext.Editor 編輯器
editorgrid Ext.grid.EditorGridPanel 可編輯的表格
grid Ext.grid.GridPanel 表格
paging Ext.PagingToolbar 工具欄中的間隔
panel Ext.Panel 面板
progress Ext.ProgressBar 進度條
splitbutton Ext.SplitButton 可分裂的按鈕
tabpanel Ext.TabPanel 選項面板
treepanel Ext.tree.TreePanel 樹
viewport Ext.ViewPort 視圖
window Ext.Window 窗口
工具欄組件是爲了構造工具欄而準備的,在Windows桌面軟件中,工具欄隨處可見,以其方便性與集成性爲用戶所稱道。EXTJS的工具欄組件能夠在Web上構造其表現和功能與桌面軟件完全一樣的工具欄。
工具欄組件有:
---------------------------------------
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 工具欄文本項
在傳統Web UI中,表單時重要的界面元素了。ExtJS的表單組件對普通HTML的表單進行了封裝,不僅提供了更靚麗的外觀表現,同時也擴充了功能。使用EXTJS時限Web應用,表單組件也是使用最爲頻繁的組件了。
表單及字段組件包含:
---------------------------------------
form Ext.FormPanel Form 面板
checkbox Ext.form.Checkbox checkbox錄入框
combo Ext.form.ComboBox combo選擇項
datefield Ext.form.DateField 日期選擇項
field Ext.form.Field 表單字段
fieldset Ext.form.FieldSet 表單字段組
hidden Ext.form.Hidden 表單隱藏域
htmleditor Ext.form.HtmlEditor html編輯器
numberfield Ext.form.NumberField 數字編輯器
radio Ext.form.Radio 單選按鈕
textarea Ext.form.TextArea 區域文本框
textfield Ext.form.TextField 表單文本框
timefield Ext.form.TimeField 時間錄入項
trigger Ext.form.TriggerField 觸發錄入項