- 開發使用手冊概述
- 開發人員簡介
- 平台
- 元件
- 無頭式體驗管理
- 開發工具
- 個性化
- 擴充AEM
- 測試
- 最佳作法
- 行動Web
使用xtypes（傳統UI）
本頁說明Adobe Experience Manager(AEM)提供的所有xtype。
在ExtJS語言中，xtype是給類的符號名稱。 您可以閱讀ExtJS 2概觀的「元件XTypes」段落，以取得有關xtype是什麼及其使用方式的詳細說明。
如需AEM中所有可用介面工具集的完整資訊，請參閱介面工具集API檔案。
若要了解指定xtype在AEM中使用的元件，您可以在CRXDE中使用下列Xpath查詢，方法是將「核取方塊」取代為您感興趣的xtype:
//element(*, cq:Widget)[@xtype='checkbox']
本頁說明傳統UI中ExtJS xtype的使用方式。
Adobe建議您運用以Coral UI和Granite UI為基礎的標準、現代化的觸控式UI。
xtypes
請在下方找到Adobe Experience Manager中可用的xtype清單：
-
註解
「對話框」(Dialog)是一種特殊類型的窗口，其內部具有窗體，頁尾處具有按鈕組。 它通常用於編輯內容，但也只能顯示資訊。
-
陣列商店
先前稱為「SimpleStore」。
小型協助程式類別，讓從陣列資料建立CQ.Ext.data.Stores更輕鬆。 ArrayStore將自動配置為CQ.Ext.data.ArrayReader。
-
assetditor
DAM Admin中使用的資產編輯器。
-
astreferencesearchdialog
CQ.wcm.AssetReferenceSearchDialog
AssetReferenceSearchDialog是一個對話方塊，會在頁面參照資產或標籤時彈出。
-
blueprintconfig
BlueprintConfig提供一個面板，用於查看Blueprint的Live Copies並編輯此Blueprint屬性（同步觸發器和同步操作）。
-
blueprintstatus
BlueprintStatus提供一個面板，用於查看和編輯Blueprint及其Live Copy關係。 瀏覽是透過CQ.wcm.msm.BlueprintStatus.Tree、版本透過CQ.wcm.msm.BlueprintConfig和CQ.wcm.msm.LiveCopyProperties完成。
-
box
任何元件的基類，其大小為框，使用寬度和高度。
BoxComponent提供用於調整大小和定位的盒模型自動調整，在元件渲染模型中可以正常工作。
-
browsedialog
BrowseDialog允許用戶瀏覽儲存庫以選擇路徑。 它通常透過BrowseField使用。
-
browsefield
已棄用：使 用CQ.form. PathFieldstead
-
bulkeditor
BulkEditor提供了一個搜索引擎和一個網格，用於編輯搜索結果。
BulkEditor必須插入HTML表單（匯入功能所需）。 這可搭配CQ.Dialog正常運作。
-
牛鞭形
BulkEditorForm提供CQ.wcm.BulkEditor，由HTML表單包圍。 這是CQ.wcm.BulkEditor的獨立版本，匯入按鈕需要HTML表單。
-
按鈕
簡單按鈕類
-
按鈕組
一組按鈕的容器。
-
圖表
CQ.Ext.chart套件提供透過Flash圖表將資料視覺化的功能。 每個圖表都直接系結至CQ.Ext.data.Store ，以自動更新圖表。 要更改圖表的外觀和風格，請參閱chartStyle和extraStyle配置選項。
-
核取方塊
單一核取方塊欄位。 可用來直接取代傳統核取方塊欄位。
-
checkboxgroup
CQ.Ext.form.Checkbox控制項的分組容器。
-
clearcombo
ClerableComboBox是不可編輯的組合框，具有用於清除其值的觸發器。
-
colorfield
ColorField可讓使用者直接或使用CQ.Ext.ColorMenu輸入色彩十六進位值。
-
colorlist
ColorList可讓使用者從可編輯的清單中選擇顏色。
-
colormenu
包含CQ.Ext.ColorPalette元件的菜單。
-
色盤
用於選擇顏色的簡單調色盤類。 浮動視窗可轉譯至任何容器。
-
組合
支援自動完成、遠程載入、分頁和許多其他功能的組合盒控制項。
ComboBox的運作方式與傳統HTML <select>欄位類似。 區別在於，若要提交valueField，必須指定hiddenName以建立隱藏的輸入。
-
元件
所有Ext元件的基類。 元件的所有子類都可參與由Container類提供的建立、渲染和銷毀的自動Ext元件生命週期。 建立容器時，可透過items設定選項將元件新增至容器。
-
元件牽引器
元件提取器可讓使用者從網站/頁面擷取元件。
-
元件選取器
可用元件的分組、有序選擇。
-
componentstyles
-
複合欄位
面板型複雜表單欄位的基類，包括一個表單欄位或一組表單欄位。
-
容器
可能包含其他元件的任何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)網站的逐步精靈。
-
createversiondialog
CreateVersionDialog是一個對話框，用於建立新的頁面版本。
-
customcontentpanel
CustomContentPanel是一種特殊類型的面板，用於CQ.Dialog:其內容會從中擷取，並提交至對話方塊中其他欄位以外的不同URL。
-
循環
專用的SplitButton，包含CQ.Ext.menu.CheckItem元素的菜單。 按一下按鈕時，該按鈕會自動循環瀏覽每個菜單項，從而引發該活動菜單項的按鈕的change事件(或調用該按鈕的changeHandler函式（如果提供）。
-
dataview
使用自訂版面範本和格式顯示資料的機制。 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)是一種特殊類型的窗口，其內部具有窗體，頁尾處具有按鈕組。 它通常用於編輯內容，但也只能顯示資訊。
-
dialofieldset
-
directstore
建立CQ.Ext.data.Store的小型協助類，該配置有CQ.Ext.data.DirectProxy和CQ.Ext.data.JsonReader，以便與CQ.Ext.Direct伺服器端提供者更容易互動。
-
displayfield
未驗證和未提交的僅顯示文本欄位。
-
編輯欄
編輯欄可讓使用者使用欄上的按鈕來編輯內容。
雖然未在此處列出，但EditBar具有CQ.wcm.EditBase的所有成員。
-
編輯器
一個基礎編輯器欄位，可隨需處理顯示/隱藏，並具有一些內建的大小調整和事件處理邏輯。
-
編輯者
此類擴展GridPanel類以提供對選定列的單元格編輯。 可編輯的列通過在列配置中提供editor來指定。
-
編輯滾動
「編輯變換」(EditRovell)允許用戶通過按兩下來編輯內容，並通過上下文菜單提供更多編輯操作。 當滑鼠滾動到內容上時，可編輯區域會以框架指示。
-
feedimporter
FeedImporter可讓使用者匯入RSS或Atom摘要，並為每個摘要項目建立頁面。
-
欄位
表單欄位的基類，提供預設事件處理、大小調整、值處理和其他功能。
-
欄位集
用於將form內的項目分組的標準容器。…
-
fileuploaddialobutton
CQ.form.FileUploadDialogButton
FileUploadDialogButton會建立一個按鈕，用於開啟一個新的對話框，用於通過FileUploadField上載檔案。 可在編輯對話方塊內使用，而上傳必須以個別形式進行。
-
fileuploadfield
FileUploadField允許用戶選擇要上載的單個檔案。
-
findreplace對話框
FindReplaceDialog是用於查找和替換頁面及其子頁中的令牌的對話框。
-
flash
-
網格
此類表示基於元件的網格控制的主要介面，以行和列的表格格式表示資料。
-
群組儲存
專門的儲存實施，它提供按可用欄位之一對記錄進行分組。 這通常與CQ.Ext.grid.GroupingView結合使用，以證明分組的GridPanel的資料模型。
-
重彈
HeavyMoveDialog是用於移動頁面及其子頁面的對話方塊，同時考慮重新啟動先前啟動的頁面('heavy' move)。
-
隱藏
一個基本隱藏欄位，用於儲存需要在表單提交中傳遞的表單中的隱藏值。
-
歷史按鈕
HistoryButton是一個小幫助類，可輕鬆提供後向和前向按鈕。 通常需要兩個相關例項：轉發按鈕實例是連結到處理歷史記錄的上一步按鈕實例的簡單按鈕。
-
htleditor
提供輕量型HTML編輯器元件。 Safari不支援某些工具列功能，並會視需要自動隱藏。 這些項目會在適當的設定選項中注明。
編輯器的工具欄按鈕在buttonTips屬性中定義了工具提示。
-
iframedialog
顯示iframe內容並允許iframe中的表單的純對話方塊。
-
iframepanel
包含iframe的面板。 可輕鬆建立iframe、iframe載入事件，並輕鬆存取iframe的內容。
-
inlinetextfield
InlineField是文本欄位，不在焦點時顯示為標籤。
-
jsonstore
小型協助程式類別，讓從JSON資料建立CQ.Ext.data.Stores更輕鬆。 JsonStore會自動以CQ.Ext.data.JsonReader設定。
-
標籤
基本標籤欄位。
-
語言科佩對話
LanguageCopyDialog是用於複製語言樹的對話框。
-
linkchecker
LinkChecker是檢查網站中外部連結的工具。
-
listview
CQ.Ext.list.ListView是Grid贊檢視的快速且輕量實作。
-
livecopypropertys
LiveCopyProperties提供一個面板，用於檢視和編輯Live Copy屬性（關係繼承、同步觸發和同步動作）。
-
呂波列
一個列定義類，它呈現布林資料欄位。 如需詳細資訊，請參閱CQ.Ext.list.Column的xtype設定選項。
-
lvcolumn
此類封裝要用於初始化ListView的列配置資料。
-
lvdatecolumn
根據預設區域設定或配置的format轉譯傳遞日期的列定義類。 如需詳細資訊，請參閱CQ.Ext.list.Column的xtype設定選項。
-
lvnumbercolumn
根據format字串生成數字資料欄位的列定義類。 如需詳細資訊，請參閱CQ.Ext.list.Column的xtype設定選項。
-
mediabrowsedialog
已棄用：請改 用「 內容尋找器」來瀏覽媒體。
MediaBrowseDialog是用於瀏覽媒體庫的對話方塊。
-
功能表
菜單對象。 這是您可新增功能表項目的容器。 當您想要以其他元件為基礎的專用功能表時（例如CQ.Ext.menu.DateMenu），功能表也可作為基本類別。
-
梅納巴塞特姆
呈現到菜單中的所有項的基類。 BaseItem提供預設呈現、激活狀態管理和所有菜單元件共用的基本配置選項。
-
門
新增預設包含核取方塊的功能表項目，但也可以是選項群組的一部分。
-
門項
需要與菜單相關功能（如子菜單）且不是靜態顯示項的所有菜單項的基類。 Item通過添加特定於菜單的激活和點擊處理擴展了CQ.Ext.menu.BaseItem的基本功能。
-
門塞帕羅特
將分隔符號列新增至功能表，用於劃分功能表項目的邏輯群組。 一般而言，您會在呼叫add()或項目設定中使用「 — 」，而非直接建立，借此新增其中一個項目。
-
門特斯蒂特姆
將靜態文字字串新增至功能表，通常作為標題或群組分隔符號使用。
-
中繼資料
中繼資料提供一組欄位，用以判斷中繼資料欄位（例如在資產編輯器頁面上）所需的資訊。
它提供下列欄位：
-
多場
MultiField是可編輯的表單欄位清單，用於編輯多值屬性。
-
mvt
多變數測試元件可用來定義和編輯以交替橫幅呈現的一組影像。 系統會根據每個橫幅收集點進率統計資料。
-
通知收件匣
NotificationInbox允許用戶訂閱WCM操作和管理通知。
-
數字欄位
提供自動擊鍵篩選和數值驗證的數字文本欄位。
-
offlineimporter
OfflineImporter是匯入Microsoft Word檔案並轉換為AEM頁面的工具。 此功能允許使用字處理器離線編輯內容。
-
所有權
OwnerDraw可包含自訂HTML代碼（直接輸入或從URL中擷取）。
-
分頁
隨著記錄數量增加，瀏覽器呈現記錄所需的時間也會增加。 分頁用於減少與客戶機交換的資料量。
-
面板
面板是一個容器，具有特定的功能和結構元件，使它成為面向應用程式的用戶介面的完美構建塊。
面板由於其從CQ.Ext.Container繼承而成。
-
段落參考
段落引用欄位允許瀏覽頁面並選擇其中一個段落。 它包含一個觸發欄位和一個關聯的段落瀏覽對話框。
-
密碼
密碼類似於CQ.Ext.form.TextField，但保持其值為私有，允許用戶輸入敏感資料。
-
pathcompletion
已棄用：使 用CQ.form. PathFieldstead
-
pathfield
PathField是為具有路徑完成的路徑設計的輸入欄位，以及開啟CQ.BrowseDialog以瀏覽伺服器儲存庫的按鈕。 它也可以瀏覽頁面段落以產生進階連結。
-
進度
可更新的進度欄元件。 進度列支援兩種不同模式：手動和自動。
在手動模式中，您負責顯示、更新（透過updateProgress），並視需要從您自己的程式碼中清除進度列。 如果您想要顯示進度，此方法最合適。
-
屬性網格
一種專門的網格實現，旨在模擬開發IDE中通常出現的傳統屬性網格。 格線中的每一行代表某些對象的屬性，而資料儲存為CQ.Ext.grid.PropertyRecords中的一組名稱/值對。
-
propgrid
PropertyGrid是用於顯示和編輯對象屬性的通用網格。
-
快速提示
@xtype quicktip（快速提示）工具提示的專用工具提示類，可在標籤中指定，並由全局CQ.Ext.QuickTips實例自動管理。 有關其他使用詳細資訊和示例，請參閱快速提示類標題。
-
廣播
單個無線電欄位。 與核取方塊相同，但提供方便您自動設定輸入類型。 如果您將群組中的每個選項指定相同的名稱，則瀏覽器會自動處理選項分組。
-
放射組
CQ.Ext.form.Radio控制項的分組容器。
-
引用對話框
「參照」(References)「對話框」(Dialog)是用於在頁面上顯示參照的對話框。
-
restoretreedi對話
RestoreTreeDialog是用於恢復樹的以前版本的對話框。
-
restoreversiondialog
RestoreVersionDialog是用於還原頁面的以前版本的對話框。
-
RTF
Rtf提供用於編輯已設定樣式的文本資訊(RTF)的表單欄位。
Rtf元件目前提供下列功能：
-
統計計畫
RolloutPlan提供對話方塊，可監視頁面轉出進度。 RolloutPlan由CQ.wcm.msm.RolloutWizard啟動。
-
滾花
轉出精靈提供精靈，可轉出頁面。 RolloutWizard會啟動CQ.wcm.msm.RolloutPlan。
-
searchfield
SearchField提供一個搜索欄位，該搜索欄位在下拉清單中提供結果，該下拉清單可用於搜索儲存庫。
-
選取
「選取」可讓使用者在數個選項之間進行選擇。 選項可為設定的一部分，或從JSON回應載入。 「選擇」可呈現為下拉式清單（選擇）或組合框（選擇加自由文本條目）。
-
sidekick
Sidekick是浮動式協助程式，提供使用者頁面編輯的常用工具。
-
siteadmin
SiteAdmin是提供WCM管理功能的主控台。
-
siteimporter
SiteImporter可讓使用者匯入完整的網站並建立初始專案。
-
sizefield
SizeField可讓用戶輸入寬度和高度（例如影像）。
-
滑桿
支援垂直或水準方向、鍵盤調整、可配置貼緊、軸點擊和動畫的滑塊。 可以新增為項目至任何容器。 使用範例：…
-
幻燈片放映
投影片放映提供一個元件，可用來定義和編輯一組可視為投影片放映的影像和影像標題。
幻燈片放映元件基於CQ.form.SmartImage元件。
-
smartfile
SmartFile是智慧型檔案上傳程式。
如果安裝了Flash插件（版本>= 9），則使用SWFupload庫執行上載，該庫提供了一種方便的處理上載的方法。
-
smartimage
SmartImage是智慧型影像上傳程式。 它提供處理上傳影像的工具，例如定義影像地圖和影像切割工具。
請注意，元件主要設計用於個別對話方塊標籤。
-
間隔物
用來在版面中提供大型空間。
-
旋轉器
Spinner是數值、日期或時間值的觸發欄位。 通過使用提供的上下觸發器、滾輪或鍵，可以增加和減少值。
-
拆分按鈕
分割按鈕，提供內建的下拉式箭頭，該箭頭可與按鈕的預設點擊事件分開引發事件。 這通常會用來顯示下拉式功能表，為主要按鈕動作提供其他選項，但任何自訂處理常式都可提供Arrowclick實作。
-
靜態
靜態可用於顯示任意文本或HTML。
-
統計
統計資料會以圖表顯示頁面曝光次數。 介面工具集可選取期間，應顯示統計資料。
-
商店
Store類封裝了Record對象的客戶端快取，這些對象為GridPanel、ComboBox或DataView等元件提供輸入資料。
-
建議欄位
建議欄位會根據使用者的項目，為使用者提供建議。
-
切換器
切換器提供主控台中標題列的按鈕群組，以在網站、數位資產、工具、工作流程和安全性之間切換。
-
表編輯
已棄用：請 改用CQ.form.TableEdit2 。
-
tableedit2
TableEdit2提供了用於建立表的介面工具集。
-
表格面板
基本索引標籤容器。 TabPanels的使用方式與標準CQ.Ext.Panel完全相同，但也有特殊支援包含子元件(
items)。 -
標記
CQ.tagging.TagInputField是用於輸入標籤的表單小工具。 它有一個彈出式功能表，可從現有標籤中選取，包括自動完成功能和許多其他功能。
-
textarea
多行文本欄位。 可用來直接取代傳統文字區域欄位，並新增對自動調整大小的支援。
-
textbutton
TextButton提供具有CQ.Ext.Button功能的文本連結。
-
textfield
基本文本欄位。 可用作傳統文本輸入的直接替換，或用作更複雜輸入控制項的基礎類（如CQ.Ext.form.TextArea和CQ.Ext.form.ComboBox）。
-
縮圖
-
時間欄位
提供時間輸入欄位，其中包含時間下拉式清單和自動時間驗證。 使用範例：…
-
尖端
@xtype提示：這是CQ.Ext.QuickTip和CQ.Ext.Tooltip的基類，它提供了所有基於提示的類所需的基本佈局和定位。 此類可直接用於簡單、靜態定位的提示。
-
標題剖析器
將分隔符號列新增至功能表，用於劃分功能表項目的邏輯群組。 分隔符號可附加標題。
-
工具列
基本工具欄類。 雖然工具欄的
defaultType為button，但工具欄元素（工具欄容器的子項）幾乎可以是任何類型的元件。 可通過其建構子顯式建立工具欄元素。 -
工具提示
標準工具提示實作，用於將游標暫留在目標元素上時提供其他資訊。 @xtype工具提示。
-
樹狀網格
@xtype樹網
-
樹狀面板
樹面板提供樹狀結構資料的樹狀結構UI表示。
🔗新增至TreePanel的TreeNodes每個都可能包含應用程式在其attributes屬性中使用的中 繼資料。
-
觸發
為新增可點按觸發按鈕的TextFields提供便利的包裝函式（預設情況下看起來類似組合框）。 觸發器沒有預設動作，因此您必須指派函式以透過覆寫onTriggerClick來實作觸發器點按處理常式。 您可以直接建立TriggerField，因為它呈現的完全像一個組合框。
-
upaddialog
UploadDialog可讓使用者將檔案上傳至存放庫，並建立新的UploadDialog。
-
userinfo
工具欄項，用於顯示當前用戶名並允許用戶操作，如編輯用戶屬性和模擬。
-
檢視區
代表可檢視應用程式區域（瀏覽器檢視區）的專用容器。
「視區」(Viewport)會自行呈現到文檔主體，並自動將其大小調整為瀏覽器視區的大小，並管理窗口大小調整。 只能建立一個檢視區。
-
視窗
專用面板，用作應用程式窗口。 預設情況下，可浮動窗口，可調整大小和可拖曳。 窗口可以是最大化以填充視區，恢復到其以前的大小，並且可以是最小化d。
-
xmlstore
小型協助程式類別，讓從XML資料建立CQ.Ext.data.Stores變得更輕鬆。 XmlStore將自動配置為CQ.Ext.data.XmlReader。
cqincludePseudo xtype，包含存放庫中不同路徑的介面工具集定義。它最常用於頁面對話方塊中。 此xtype沒有實際的JavaScript介面工具集類別。 由CQ.Util類的formatData()函式處理。 如需詳細資訊，請參閱本知識庫文章。
