- 開發使用指南概觀
- 開發人員簡介
- 平台
- 元件
- 無頭體驗管理
- 開發工具
- 個性化
- 擴充AEM
- 測試
- 最佳作法
- 行動網路
使用xtypes(Classic UI)
本頁說明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。
xtypes
請在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()函式處理。 如需詳細資訊，請參閱此知識庫文章。