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