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