本頁說明Adobe Experience Manager(AEM)提供的所有類型。
在ExtJS語言中,xtype是指給某類的符號名稱。 您可以閱讀ExtJS 2概觀的「元件XTypes」段落,以取得xtype是什麼以及如何使用xtype的詳細說明。
如需AEM中所有可用Widget的完整資訊,請參閱Widget API檔案。
若要瞭解在AEM中使用指定xtype的元件,您可以在CRXDE中使用下列Xpath查詢,方法是將您感興趣的xtype取代為'checkbox':
/element(*, cq:Widget)[@xtype='checkbox']
本頁說明ExtJS xtypes在傳統UI中的使用情形。
Adobe建議您運用以Coral UI和Granite UI為基礎的標準、現代化、觸控式UI。
請在Adobe Experience Manager中尋找下列可用類型:
注釋
「對話框」(Dialog)是一種特殊類型的窗口,主體中包含表單,腳注中包含按鈕組。 它通常用於編輯內容,但也只能顯示資訊。
arraystore
先前稱為「SimpleStore」。
小幫助類,使從陣列資料建立CQ.Ext.data.Store變得更容易。 ArrayStore會自動配置CQ.Ext.data.ArrayReader。
asseteditor
DAM管理中使用的資產編輯器。
assetreferencesearchdialog
CQ.wcm.AssetReferenceSearchDialog
AssetReferenceSearchDialog是一個對話方塊,會在頁面參照資產或標籤時彈出。
blueprintconfig
BlueprintConfig提供一個面板,用於查看Blueprint的「即時副本」並編輯此Blueprint屬性(同步觸發器和同步操作)。
blueprintstatus
BlueprintStatus提供一個面板來檢視和編輯Blueprint及其即時副本關係。 瀏覽是透過CQ.wcm.msm.BlueprintStatus.Tree版本,透過CQ.wcm.msm.BlueprintConfig和CQ.wcm.msm.LiveCopyProperties進行。
框
任何元件的基類(使用寬度和高度,尺寸為方塊)。
BoxComponent提供自動調整方塊模型的大小和位置,並可在元件轉換模型中正常運作。
瀏覽對話框
BrowseDialog允許用戶瀏覽儲存庫以選擇路徑。 它通常通過BrowseField使用。
瀏覽器欄位
已過時:使 用CQ.form. PathFieldstead
bulkeditor
BulkEditor提供搜尋引擎和格線,以編輯搜尋結果。
BulkEditor必須插入HTML表單(匯入功能所需)。 這與CQ.Dialog完美搭配運作。
bulkeditorform
BulkEditorForm提供CQ.wcm.BulkEditor,並由HTML表單所包圍。 這是CQ.wcm.BulkEditor的獨立版本,匯入按鈕需要HTML表格。
按鈕
Simple Button類
buttongroup
按鈕群組的容器。
圖表
CQ.Ext.chart套件提供使用Flash圖表來視覺化資料的功能。 每個圖表都會直接系結至CQ.Ext.data.Store,以自動更新圖表。 若要變更圖表的外觀和感覺,請參閱chartStyle和extraStyle組態選項。
核取方塊
單核取方塊欄位。 可直接取代傳統的核取方塊欄位。
checkboxgroup
CQ.Ext.form.Checkbox控制項的群組容器。
clearcombo
CleraptableComboBox是不可編輯的組合框,帶有清除其值的觸發器。
顏色場
ColorField可讓使用者直接或使用CQ.Ext.ColorMenu輸入色彩十六進位值。
colorlist
ColorList可讓使用者從可編輯的清單中選擇顏色。
顏色菜單
包含CQ.Ext.ColorPalette元件的菜單。
色盤
簡單的調色盤類別,以選擇顏色。 浮動視窗可轉譯至任何容器。
組合
一種包裝盒控制項,支援自動完成、遠端載入、分頁和許多其他功能。
ComboBox的運作方式與傳統HTML <select>欄位類似。 區別在於,若要提交valueField,您必須指定hiddenName以建立隱藏的輸入。
元件
所有Ext元件的基類。 元件的所有子類都可參與由Container類提供的建立、渲染和銷毀的自動Ext元件生命週期。 在建立容器時,元件可透過items組態選項新增至容器。
部件牽引器
ComponentExtractor可讓使用者從網站/頁面擷取元件。
元件選擇器
可用元件的分組有序選擇。
元件樣式
複合場
面板型複雜表單欄位的基本類別,其中包含一個表單欄位或一組表單欄位。
容器
任何可能包含其他元件的CQ.Ext.BoxComponent的基類。 容器可處理包含項目的基本行為,即添加、插入和移除項目。
最常用的容器類別為CQ.Ext.Panel、CQ.Ext.Window和CQ.Ext.TabPanel。
contentfinder
ContentFinder是專用的兩欄Viewport,其中包含左側的實際內容搜尋器和右側的內容影格。
contentfindertab
ContentFinderTab是專用面板,提供CQ.wcm.ContentFinder的標籤面板中使用的功能。 通常它包含搜尋表單(查詢方塊)和顯示搜尋的資料檢視。
cq.workflow.model.combo
WorkflowModelCombo是自訂的CQ.Ext.form.ComboBox,顯示可用的工作流程模型清單。
cq.workflow.model.selector
WorkflowModelSelector將WorkflowModelCombo與工作流的縮圖影像結合,並使用按鈕建立和編輯工作流模型。
createsitewizard
CreateSiteWizard是建立(MSM)網站的逐步精靈。
createversiondial
CreateVersionDialog是一個對話框,允許建立頁面的新版本。
customcontentpanel
CustomContentPanel是用於CQ.Dialog的特殊面板:其內容會從對話方塊中擷取並送出至與其他欄位不同的URL。
循環
專用的SplitButton,包含CQ.Ext.menu.CheckItem元素的菜單。 按一下按鈕時,按鈕會自動循環檢視每個功能表項目,為作用中功能表項目提升按鈕的change事件(或呼叫按鈕的changeHandler函式(如果提供)。
資料視圖
使用自訂版面範本和格式顯示資料的機制。 DataView使用CQ.Ext.XTemplate作為其內部範本機制,並系結至CQ.Ext.data.Store,如此當儲存中的資料變更時,檢視會自動更新,以反映變更。
datefield
提供包含CQ.Ext.DatePicker下拉式清單和自動日期驗證的日期輸入欄位。
datemenu
包含CQ.Ext.DatePicker元件的菜單。
datepicker
彈出式日期選擇器。 此類由DateField類使用,以允許瀏覽和選擇有效日期。
日期時間
DateTime可讓使用者結合CQ.Ext.form.DateField和CQ.Ext.form.TimeField來輸入日期和時間。
對話方塊
「對話框」(Dialog)是一種特殊類型的窗口,主體中包含表單,腳注中包含按鈕組。 它通常用於編輯內容,但也只能顯示資訊。
dialogfieldset
directstore
建立CQ.Ext.data.Store的小型輔助類別,其設定有CQ.Ext.data.DirectProxy和CQ.Ext.data.JsonReader,以與CQ.Ext.Direct伺服器端提供者更簡單。
displayfield
未驗證且未提交的純顯示文字欄位。
編輯欄
EditBar可讓使用者使用列上的按鈕來編輯內容。
EditBar雖然未列在此處,但具有CQ.wcm.EditBase的所有成員。
編輯器
基本編輯器欄位,可處理隨選顯示/隱藏,並具有一些內建的調整大小和事件處理邏輯。
編輯者
此類擴展了GridPanel類,以在選定的列上提供單元格編輯。 可編輯的列通過在列配置中提供editor來指定。
編輯變換
「編輯變換」可讓使用者透過按兩下來編輯內容,並透過內容選單提供更多編輯動作。 當滑鼠滑過內容時,可編輯區域會以畫格顯示。
feedimporter
FeedImporter可讓使用者匯入RSS或Atom饋送,並為每個饋送項目建立頁面。
欄位
表單欄位的基本類別,提供預設事件處理、大小調整、值處理和其他功能。
fieldset
用於將表單內的項目分組的標準容器。…
fileuploadialogbutton
CQ.form.FileUploadDialogButton
FileUploadDialogButton會建立一個按鈕,以開啟新的對話方塊,以便透過FileUploadField上傳檔案。 可在編輯對話方塊中使用,而上傳必須以個別表單進行。
fileuploadfield
FileUploadField可讓使用者選取要上傳的單一檔案。
findreplace對話框
FindReplaceDialog是用於在頁面及其子頁面中尋找和取代代號的對話方塊。
flash
網格
此類代表基於元件的網格控制項的主要介面,以行和列的表格式表示資料。
群組儲存
一種專門的商店實施,它提供按可用欄位之一對記錄進行分組。 這通常與CQ.Ext.grid.GroupingView搭配使用,以證明分組GridPanel的資料模型。
重量級對話
HeavyMoveDialog是用於移動頁面及其子頁面的對話方塊,也會考慮重新啟動先前啟動的頁面('heavy' move)。
隱藏
用於在表單中儲存隱藏值的基本隱藏欄位,該表單需要在表單提交中傳遞。
歷史按鈕
HistoryButton是一個小型的輔助類,可輕鬆提供上一頁和下一頁按鈕。 通常需要兩個相關例項:前向按鈕實例是連結到處理歷史記錄的後向按鈕實例的簡單按鈕。
htmleditor
提供輕量型HTML編輯器元件。 Safari不支援某些工具列功能,並會在需要時自動隱藏。 這些會在適當的設定選項中注明。
編輯器的工具欄按鈕在buttonTips屬性中定義了工具提示。
iframedialog
顯示iframe內容並允許iframe中的表單的簡單對話方塊。
iframepanel
包含iframe的面板。 可輕鬆建立iframe、iframe載入事件,並輕鬆存取iframe的內容。
inlinetextfield
InlineField是文本欄位,在不聚焦時顯示為標籤。
jsonstore
小型協助程式類別,讓從JSON資料建立CQ.Ext.data.Store變得更輕鬆。 JsonStore將會自動設定CQ.Ext.data.JsonReader。
標籤
基本標籤欄位。
語言隱譯對話
LanguageCopyDialog是用於複製語言樹的對話框。
linkchecker
LinkChecker是檢查網站中外部連結的工具。
listview
CQ.Ext.list.ListView是Grid類似檢視的快速輕量實作。
livecopy屬性
LiveCopyProperties提供一個面板,可用來檢視和編輯即時副本屬性(關係繼承、同步觸發器和同步動作)。
呂博勒柱
一種列定義類,用於呈現布爾資料欄位。 如需詳細資訊,請參閱CQ.Ext.list.Column的xtype組態選項。
lvcolum
此類封裝用於ListView初始化的列配置資料。
lvdatecolumn
列定義類,它根據預設區域設定或配置的format轉換傳遞日期。 如需詳細資訊,請參閱CQ.Ext.list.Column的xtype組態選項。
lvnumbercolumn
一種列定義類,它根據format字串呈現數字資料欄位。 如需詳細資訊,請參閱CQ.Ext.list.Column的xtype組態選項。
mediabrowsedialog
已過時:請改 用「 內容尋找」來瀏覽媒體。
MediaBrowseDialog是用於瀏覽媒體庫的對話方塊。
菜單
功能表物件。 這是您可新增功能表項目的容器。 當您想要根據其他元件(例如CQ.Ext.menu.DateMenu)建立專用功能表時,功能表也可當成基本類別。
menubaseitem
演算至功能表的所有項目的基本類別。 BaseItem提供預設渲染、激活狀態管理和所有菜單元件共用的基本配置選項。
menucheckitem
新增功能表項目,預設包含核取方塊,但也可以是選項群組的一部分。
menuitem
需要功能表相關功能(如子功能表)且非靜態顯示項目的所有功能表項目的基本類別。 Item通過添加特定於菜單的激活和按一下處理擴展了CQ.Ext.menu.BaseItem的基本功能。
使用者
將分隔列新增至功能表,用於劃分功能表項目的邏輯群組。 通常,您會在呼叫add()或項目設定中使用"-"來新增其中一個項目,而不是直接建立。
menutextitem
新增靜態文字字串至功能表,通常用作標題或群組分隔符號。
中繼資料
中繼資料提供一組欄位,以決定中繼資料欄位(例如在資產編輯器頁面上)所需的資訊。
它提供下列欄位:
多域
MultiField是可編輯的表單欄位清單,可編輯多值屬性。
mvt
多變數測試元件可用來定義和編輯一組以交替橫幅顯示的影像。 點進率統計資料會依橫幅收集。
通知收件箱
NotificationInbox可讓使用者訂閱WCM動作並管理通知。
數字欄位
提供自動按鍵篩選和數值驗證的數值文字欄位。
offlineimporter
OfflineImporter是匯入Microsoft Word檔案並轉換為AEM頁面的工具。 此功能可讓內容使用文字處理器離線編輯。
ownerdraw
OwnerDraw可包含自訂HTML程式碼(直接輸入或從URL擷取)。
尋呼
隨著記錄數的增加,瀏覽器呈現記錄所需的時間也會增加。 分頁用於減少與客戶交換的資料量。
面板
面板是具備特定功能和結構元件的容器,是應用程式導向使用者介面的完美建置區塊。
面板通過其對CQ.Ext.Container的繼承而成。
段落參考
段落參考欄位可讓您瀏覽頁面並選取其中一個段落。 它由觸發器欄位和關聯的段落瀏覽對話框組成。
密碼
密碼類似CQ.Ext.form.TextField,但保持其值為私密,允許用戶輸入敏感資料。
路徑完成
已過時:使 用CQ.form. PathFieldstead
pathfield
PathField是專為路徑完成而設計的輸入欄位,它用於開啟CQ.BrowseDialog以瀏覽伺服器儲存庫的按鈕。 它也可以瀏覽頁面段落,以產生進階連結。
進度
可更新的進度條元件。 進度列支援兩種不同的模式:手動和自動。
在手動模式下,您負責顯示、更新(透過updateProgress),並視需要從您自己的代碼中清除進度列。 此方法最適合您要顯示進度時。
屬性網格
專用的格線實作,旨在模仿開發IDE中的常見傳統屬性格線。 網格中的每一行表示某些對象的屬性,並且資料以一組名稱/值對的形式儲存在CQ.Ext.grid.PropertyRecords中。
propgrid
PropertyGrid是用於顯示和編輯對象屬性的通用網格。
快速提示
@xtype quicktip為工具提示提供的專用工具提示類別,可在標籤中指定,並由全域CQ.Ext.QuickTips例項自動管理。 請參閱QuickTips類別標題,以取得其他使用詳細資訊和範例。
無線電
單一無線電欄位。 與「核取方塊」相同,但提供方便以自動設定輸入類型。 如果您為群組中的每個選件指定相同的名稱,則瀏覽器會自動處理選件分組。
放射組
CQ.Ext.form.Radio控制項的群組容器。
參照對話框
「參照」(References)「對話框」(Dialog)是用於在頁面上顯示參照的對話框。
restoretreedia
RestoreTreeDialog是用於恢復樹的先前版本的對話框。
restoreversiondialog
RestoreVersionDialog是用於恢復頁面先前版本的對話框。
richtext
RichText提供表單欄位,以編輯樣式化文字資訊(RichText)。
RichText元件目前提供下列功能:
統計計畫
RovoltPlan提供對話方塊,可監看頁面的推出進度。 LovoltPlan由CQ.wcm.msm.LovoltWizard啟動。
滾水板
RovoltWizard提供用於展開頁面的精靈。 LovoltWizard會啟動CQ.wcm.msm.LovoltPlan。
searchfield
SearchField提供一個搜索欄位,該欄位在下拉清單中提供結果,該下拉清單可用於搜索儲存庫。
選擇
「選取範圍」可讓使用者在數個選項中進行選擇。 這些選項可以是設定的一部分,或從JSON回應載入。 「選取範圍」可以呈現為下拉式清單(選取)或組合方塊(選取加上自由文字項目)。
sidekick
Sidekick是浮動式輔助工具,為使用者提供頁面編輯的常用工具。
siteadmin
SiteAdmin是提供WCM管理功能的主控台。
siteimporter
SiteImporter可讓使用者匯入完整的網站並建立初始專案。
sizefield
SizeField可讓使用者輸入寬度和高度(例如影像)。
滑桿
支援垂直或水準方向、鍵盤調整、可設定對齊、軸點選和動畫的滑桿。 可以新增為項目至任何容器。 範例用法:…
投影片
「投影片」提供可用來定義和編輯一組影像和影像標題的元件,這些影像和影像標題可以視為投影片。
投影片元件是以CQ.form.SmartImage元件為基礎。
smartfile
SmartFile是智慧型檔案上傳程式。
如果安裝了Flash增效模組(版本>= 9),則會使用SWFupload程式庫來執行上傳,提供方便的方式來處理上傳。
smarage
SmartImage是智慧型影像上傳程式。 它提供處理上傳影像的工具,例如定義影像地圖和影像擷取器的工具。
請注意,此元件主要設計用於個別的對話方塊標籤。
間隔
用來在版面中提供相當大的空間。
旋轉器
微調按鈕是數值、日期或時間值的觸發器欄位。 通過使用提供的上下觸發器、滾輪或鍵,可以增加和減小該值。
拆分按鈕
分割按鈕,提供內建下拉式箭頭,可與按鈕的預設點按事件分開觸發事件。 通常,這會用來顯示下拉式選單,提供主要按鈕動作的其他選項,但任何自訂處理常式都可提供arrowclick實作。
靜態
Static可用來顯示任意文字或HTML。
統計
統計資料會以圖表顯示頁面印象。 介面工具集允許選擇期間,應顯示統計資料。
商店
Store類封裝了Record對象的客戶端快取,這些對象為GridPanel、ComboBox或DataView等元件提供輸入資料。
建議欄位
SompeldField會根據使用者的參加項目提供建議。
切換器
「切換器」提供控制台中標題列的按鈕群組,以在「網站」、「數位資產」、「工具」、「工作流程」和「安全性」之間切換。
表編輯
已過時:請 改用CQ.form.TableEdit2 。
tableedit2
TableEdit2提供了用於建立表的構件。
tabpanel
基本標籤容器。 TabPanels的使用方式與標準CQ.Ext.Panel的版面配置用途完全相同,但也支援包含子元件(items
)。
標記
CQ.tagging.TagInputField
是用於輸入標籤的表單Widget。 它有一個彈出式選單,可供從現有標籤中選取,包括自動完成功能和許多其他功能。
textarea
多行文字欄位。 可直接取代傳統的textarea欄位,並新增自動調整大小的支援。
textbutton
TextButton提供具有CQ.Ext.Button功能的文字連結。
textfield
基本文字欄位。 可直接取代傳統文字輸入,或做為更精密輸入控制項的基本類別(例如CQ.Ext.form.TextArea和CQ.Ext.form.ComboBox)。
縮圖
時間域
提供包含時間下拉式清單和自動時間驗證的時間輸入欄位。 範例用法:…
尖端
@xtype tip這是CQ.Ext.QuickTip和CQ.Ext.Tooltip的基本類別,提供所有基於提示的類所需的基本佈局和定位。 此類可直接用於簡單、靜態放置的提示。
titlesparator
將分隔列新增至功能表,用於劃分功能表項目的邏輯群組。 分隔符可附加地攜帶標題。
工具欄
基本工具列類。 雖然工具列的defaultType
是button
,但工具列元素(工具列容器的子項目)幾乎可以是任何類型的元件。 可通過其建構子顯式建立工具欄元素。
工具提示
標準工具提示實作,用於將滑鼠暫留在目標元素上時提供其他資訊。 @xtype工具提示。
樹狀網格
@xtype樹格
樹面板
TreePanel提供樹狀結構資料的樹狀結構UI表示。
添加到TreePanel中的TreeNodes可以包含應用程式在其屬性屬性中使用的 元資料。
觸發器
為TextFields提供方便的包裝函式,可新增可點按的觸發按鈕(依預設會顯示為combox)。 觸發器沒有預設操作,因此您必須通過覆蓋onTriggerClick來指派函式來實現觸發器按一下處理程式。 您可以直接建立TriggerField,因為它會呈現得完全像一個組合方塊。
uploadialog
UploadDialog允許用戶將檔案上載到儲存庫建立新的UploadDialog。
userinfo
工具列項目,以顯示目前的使用者名稱並允許使用者動作,例如編輯使用者屬性和模擬。
viewport
代表可檢視應用程式區域(瀏覽器檢視區)的專用容器。
「檢視區」會自行轉譯至檔案內文,並自動依瀏覽器檢視區的大小調整大小,並管理視窗大小。 可能只建立一個視區。
視窗
專門用作應用程式視窗的面板。 預設會浮動視窗、可調整大小和可拖曳。 Windows可以最大化以填充視區,恢復到其先前的大小,並且可以最小化d。
xmlstore
小型協助程式類別,讓從XML資料建立CQ.Ext.data.Store變得更輕鬆。 XmlStore會自動設定CQ.Ext.data.XmlReader。
cqincludePseudo xtype,其中包含儲存庫中不同路徑的構件定義。 它最常用於頁面對話方塊。 此xtype沒有實際的JavaScript介面工具集類別。 它由CQ.Util類的formatData()函式處理。 如需詳細資訊,請參閱此知識庫文章。