組件大致可以分成三大類，即基本組件、工具欄組件、表單及元素組件。
基本組件有：
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 窗口
工具欄組件有
---------------------------------------
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 工具欄文本項
表單及字段組件包含：
---------------------------------------
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 觸發錄入項
組件基類Component中的配置屬性簡單介紹
|
配置屬性名稱
|
類型
|
簡介
|
|
allowDomMove
|
Boolean
|
當渲染這個組件時是否允許移動Dom節點（默認值為true）。
|
|
applyTo
|
Mixed
|
混 合參數，表示把該組件應用指定的對象。參數可以是—節點的id，一個DOM節點或一個存在的元素或與之相對應的在document中已出現的id。當使用 applyTo，也可以提供一個id或CSS的class名稱，如果子組件允許它將嘗試創建一個。如果指寫applyTo選項，所有傳遞到 renderTo方法的值將被忽略，并且目標元素的父節點將自動指定為這個組件的容器。使用applyTo選項后，則不需要再調用render()方法來 渲染組件。
|
|
autoShow
|
Boolean
|
自動顯示，如為true，則組件將檢查所有隱藏類型的class（如：’x-hidden’ 或’x-hide-display’并在渲染時移除(默認為false)。
|
|
cls
|
String
|
給組件添加額外的樣式信息，（默認值為''），如果想自定義組件或它的子組件的樣式，這個選項是非常有用的。
|
|
ctCls
|
String
|
給組件的容器添加額外的樣式信息，默認值為'')。
|
|
disabledClass
|
String
|
給被禁用的組件添加額外的CSS樣式信息，（默認為"x-item-disabled"）。
|
|
hideMode
|
String
|
組件的隱藏方式，支持的值有’visibility’，也就是css里的visibility，’offsets’負數偏移位置的值和’display’也就是css里的display，默認值為’display’。
|
|
hideParent
|
Boolean
|
是否隱藏父容器，該值為true時將會顯示或隱藏組件的容器，false時則只隱藏和顯示組件本身（默認值為false）。
|
|
id
|
String
|
組件的id，默認為一個自動分配置的id。
|
|
listeners
|
Object
|
給對象配置多個事件監聽器，在對象初始化會初始化這些監聽器。
|
|
plugins
|
Object/Array
|
一 個對象或數組，將用于增加組件的自定義功能。一個有效的組件插件必須包含一個init方法，該方法可以帶一個Ext.Component類型參數。當組件 建立后，如果該組件包含有效的插件，將調用每一個插件的init方法，把組件傳遞給插件，插件就能夠實現對組件的方法調用及事件應用等，從而實現對組件功 能的擴充。
|
|
renderTo
|
Mixed
|
混合數據參數，指定要渲染到節點的id，一個DOM的節點或一個已存在的容器。如果使用了這個配置選項，則組件的render()就不是必需的了。
|
|
stateEvents
|
Array
|
定義需要保存組件狀態信息的事件。當指定的事件發生時，組件會保存它的狀態（默認為none），其值為這個組件支持的任意event類型，包含組件自身的或自定義事件。（例如：[‘click’,’customerchange’]）。
|
|
stateId
|
String
|
組件的狀態ID，狀態管理器使用該id來管理組件的狀態信息，默認值為組件的id。
|
|
style
|
String
|
|
|
xtype
|
String
|
指定所要創建組件的xtype，用于構造函數中沒有意義。該參數用于在容器組件中創建創建子組件并延遲實例化和渲染時使用。如果是自定義的組件，則需要用Ext.ComponentMgr.registerType來進行注冊，才會支持延遲實例化和渲染。
|
|
el
|
Mixed
|
相當于applyTo
|
柳德才
13691193654
18942949207
QQ：422157370
liudecai_zan@126.com湖北-武漢-江夏-廟山