使用xtype (傳統UI) using-xtypes-classic-ui
本頁說明Adobe Experience Manager (AEM)可用的所有xtype。
在ExtJS語言中,xtype是指定給類別的符號名稱。 您可以閱讀ExtJS 2🔗的總覽的「元件XTypes」段落,以取得有關什麼是xtype以及如何使用的詳細說明。
如需AEM中所有可用Widget的完整資訊,請參閱Widget API檔案。
若要找出指定xtype用於AEM的元件,您可以在CRXDE中使用下列Xpath查詢,將「checkbox」取代為您感興趣的xtype:
//element(*, cq:Widget)[@xtype='checkbox']
xtype xtypes
以下列出Adobe Experience Manager中可用的xtype:
-
註解
「對話方塊」是一種特殊視窗,其內文中有表單,頁尾中有按鈕群組。 它通常用於編輯內容,但也只能顯示資訊。
-
陣列存放區
先前稱為「SimpleStore」。
小型Helper類別,可讓您更輕鬆地從Array資料建立CQ.Ext.data.Store。 ArrayStore已自動設定為CQ.Ext.data.ArrayReader。
-
asseteditor
DAM Admin中使用的資產編輯器。
-
assetreferencesearchdialog
CQ.wcm.AssetReferenceSearchDialog
AssetReferenceSearchDialog是一個對話方塊,會在頁面參考資產或標籤時彈出。
-
blueprintconfig
BlueprintConfig提供可檢視Blueprint即時副本和編輯此Blueprint屬性(同步觸發器和同步動作)的面板。
-
blueprintstatus
BlueprintStatus提供面板來檢視和編輯Blueprint及其即時副本關係。 透過CQ.wcm.msm.BlueprintConfig和CQ.wcm.msm.LiveCopyProperties的CQ.wcm.msm.BlueprintStatus.Tree Edition完成瀏覽。
-
方塊
任何元件的基底類別(使用寬度和高度),其大小為方塊。
BoxComponent提供自動的方塊模型調整,以調整大小及定位,並在元件演算模型中正確運作。
-
browsedialog
BrowseDialog可讓使用者瀏覽存放庫以選取路徑。 它通常透過BrowseField使用。
-
browsefield
已棄用:請改用CQ.form.PathField
-
Bulkeditor
BulkEditor提供搜尋引擎和格線來編輯搜尋結果。
BulkEditor必須插入HTML表單中(匯入功能需要)。 這完全適用於CQ.Dialog。
-
bulkeditorform
BulkEditorForm提供CQ.wcm.BulkEditor,周圍有HTML表單。 這是CQ.wcm.BulkEditor的獨立版本,匯入按鈕需要HTML表單。
-
按鈕
簡單按鈕類別
-
按鈕群組
按鈕群組的容器。
-
圖表
CQ.Ext.chart套件提供以Flash為基礎的圖表將資料視覺化的功能。 每個圖表都直接繫結至CQ.Ext.data.Store,以啟用圖表的自動更新。 若要變更圖表的外觀,請參閱chartStyle和extraStyle設定選項。
-
核取方塊
單一核取方塊欄位。 可用來直接取代傳統的核取方塊欄位。
-
核取方塊群組
CQ.Ext.form.Checkbox控制項的分組容器。
-
clearcombo
ClearableComboBox為不可編輯的下拉式方塊,具有清除其值的觸發器。
-
colorfield
ColorField可讓使用者直接或使用CQ.Ext.ColorMenu輸入顏色十六進位值。
-
colorlist
ColorList可讓使用者從可編輯的清單中選擇顏色。
-
顏色選單
包含CQ.Ext.ColorPalette元件的功能表。
-
調色盤
選擇顏色的簡單調色盤類別。 浮動視窗可呈現至任何容器。
-
組合
可支援自動完成、遠端載入、分頁和許多其他功能的下拉式方塊控制項。
ComboBox的運作方式與傳統HTML<select>欄位類似。 不同之處在於,若要提交valueField,您必須指定hiddenName以建立隱藏的輸入。
-
元件
所有Ext元件的基底類別。 元件的所有子類別都可以參與建立、演算及銷毀的自動化Ext元件生命週期,由Container類別提供。 建立容器時,元件可透過專案組態選項新增至容器。
-
componentextractor
ComponentExtractor可讓使用者從網站/頁面擷取元件。
-
元件選取器
可用元件的分組、有序選擇。
-
元件樣式
-
compositefield
基於面板的複雜表單欄位的基底類別,包括一個表單欄位或一組表單欄位。
-
容器
任何可能包含其他元件的CQ.Ext.BoxComponent的基底類別。 容器可處理包含專案的基本行為,即新增、插入和移除專案。
最常使用的容器類別是CQ.Ext.Panel、CQ.Ext.Window和CQ.Ext.TabPanel。
-
contentfinder
ContentFinder是特殊化的兩欄檢視區,它包含左邊的實際內容尋找器和右邊的內容框架。
-
contentfindertab
ContentFinderTab是專用面板,提供用於CQ.wcm.ContentFinder的標籤面板的功能。 它通常提供搜尋表單 — Query Box — 和資料檢視,以顯示搜尋。
-
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專案的功能表。 按鈕會在按一下時自動循環每個功能表專案,引發作用中功能表專案的按鈕變更事件(或呼叫按鈕的changeHandler函式(如果提供))。
-
資料檢視
使用自訂配置範本和格式來顯示資料的機制。 DataView使用CQ.Ext.XTemplate作為其內部範本化機制,並繫結至CQ.Ext.data.Store,以便在存放區中的資料變更時,檢視會自動更新以反映變更。
-
datefield
提供具有CQ.Ext.DatePicker下拉式清單和自動日期驗證的日期輸入欄位。
-
日期功能表
包含CQ.Ext.DatePicker元件的功能表。
-
日期挑選器
快顯日期選擇器。 DateField類別使用此類別來允許瀏覽及選取有效日期。
-
日期時間
DateTime可讓使用者結合CQ.Ext.form.DateField和CQ.Ext.form.TimeField,以輸入日期和時間。
-
對話方塊
「對話方塊」是一個特殊視窗,內文中有表單,頁尾中有按鈕群組。 它通常用於編輯內容,但也只能顯示資訊。
-
dialogfieldset
-
directstore
小型Helper類別可建立以CQ.Ext.data.DirectProxy和CQ.Ext.data.JsonReader設定的CQ.Ext.data.Store,以便更輕鬆地與CQ.Ext.Direct伺服器端提供者互動。
-
displayfield
未驗證且未提交的僅限顯示文字欄位。
-
編輯列
EditBar可讓使用者使用列上的按鈕來編輯內容。
雖然此處未列出,但EditBar擁有CQ.wcm.EditBase的所有成員。
-
編輯器
處理隨選顯示/隱藏且具有某些內建調整大小和事件處理邏輯的基本編輯器欄位。
-
editorgrid
此類別擴充GridPanel類別,以在選取的欄上提供儲存格編輯。 可編輯的資料行是透過在資料行組態中提供編輯器來指定的。
-
編輯滑鼠指向效果
「編輯」「滑鼠指向效果」可讓使用者透過按兩下來編輯內容,並透過快顯選單提供更多編輯動作。 當滑鼠滑過內容時,可編輯區域會以框架表示。
-
feedimporter
FeedImporter可讓使用者匯入RSS或Atom摘要,並為每個摘要專案建立頁面。
-
欄位
表單欄位的基底類別,提供預設事件處理、大小調整、值處理和其他功能。
-
欄位集
用於分組表單中專案的標準容器。
-
fileuploaddialogbutton
CQ.form.FileUploadDialogButton
FileUploadDialogButton會建立按鈕,開啟新對話方塊,以透過FileUploadField上傳檔案。 可以在編輯對話方塊中使用,其中上傳必須以單獨的表單進行。
-
fileuploadfield
FileUploadField可讓使用者選取要上傳的單一檔案。
-
findreplacedialog
FindReplaceDialog是在頁面及其子頁面中尋找和取代權杖的對話方塊。
-
閃光燈
-
格線
此類別代表元件式網格控制項的主要介面,以表格格式的列與欄表示資料。
-
groupingstore
提供依其中一個可用欄位來分組記錄的專用存放區實施。 這會與CQ.Ext.grid.GroupingView搭配使用,以證明群組GridPanel的資料模型。
-
heavymovedialog
HeavyMoveDialog是用來移動頁面及其子頁面的對話方塊,也會考慮重新啟用先前啟動的頁面(「大幅」移動)。
-
隱藏
在表單中儲存隱藏值的基本隱藏欄位,必須在表單提交中傳遞。
-
歷史按鈕
HistoryButton是小型的helper類別,可輕鬆提供後退和前進按鈕。 通常需要兩個相關的執行個體:前進按鈕執行個體是一個連結到後退按鈕執行個體的簡單按鈕,可處理歷史記錄。
-
htmleditor
提供輕量HTML編輯器元件。 Safari不支援某些工具列功能,這些功能會在需要時自動隱藏。 這些會在適當的設定選項中註明。
編輯器的工具列按鈕在buttonTips屬性中定義了工具提示。
-
iframedialog
顯示iframe內容並允許iframe中表單的簡單對話方塊。
-
iframepanel
包含iframe的面板。 可讓您輕鬆建立iframe、iframe載入事件,並輕鬆存取iframe的內容。
-
inlinetextfield
InlineField是文字欄位,當不在焦點時會顯示為標籤。
-
jsonstore
小型Helper類別,可讓您更輕鬆地從JSON資料建立CQ.Ext.data.Store。 JsonStore已自動設定為CQ.Ext.data.JsonReader。
-
標籤
基本標籤欄位。
-
languagecopydialog
LanguageCopyDialog是複製語言樹狀結構的對話方塊。
-
連結檢查程式
LinkChecker是檢查網站中外部連結的工具。
-
清單檢視
CQ.Ext.list.ListView是網格式檢視的快速輕量實作。
-
livecopyproperties
LiveCopyProperties提供可檢視和編輯即時副本屬性(關係繼承、同步觸發器和同步動作)的面板。
-
lvbooleancolumn
呈現布林資料欄位的Column定義類別。 如需詳細資訊,請參閱CQ.Ext.list.Column的xtype組態選項。
-
lvcolumn
此類別封裝要用於ListView初始化的資料行組態資料。
-
lvdatecolumn
根據預設地區設定或設定的格式呈現通過日期的Column定義類別。 如需詳細資訊,請參閱CQ.Ext.list.Column的xtype組態選項。
-
lvnumbercolumn
根據格式字串呈現數值資料欄位的Column定義類別。 如需詳細資訊,請參閱CQ.Ext.list.Column的xtype組態選項。
-
mediabrowsedialog
已棄用:請改用內容尋找器來瀏覽媒體。
MediaBrowseDialog是用來瀏覽媒體庫的對話方塊。
-
功能表
選單物件。 這是您可以新增功能表專案的容器。 當您想要以其他元件(例如CQ.Ext.menu.DateMenu)為基礎的特殊功能表時,功能表也可以做為基底類別。
-
menubaseitem
呈現至功能表之所有專案的基底類別。 BaseItem提供預設呈現、啟動狀態管理,以及所有功能表元件共用的基本組態選項。
-
menucheckitem
預設會新增包含核取方塊的功能表專案,但也可以是選項群組的一部分。
-
menuitem
需要功能表相關功能(如子功能表)且不是靜態顯示專案的所有功能表專案的基底類別。 專案透過新增功能表特定的啟用和點按處理,來擴充CQ.Ext.menu.BaseItem的基本功能。
-
menuseparator
在選單中新增分隔列,用來劃分選單專案的邏輯群組。 一般來說,您會在呼叫add()或專案設定中使用「 — 」來新增其中一個,而不是直接建立一個。
-
menutextitem
新增靜態文字字串至功能表,作為標題或群組分隔符號。
-
中繼資料
中繼資料提供一組欄位,可決定中繼資料欄位所需的資訊,例如在Asset Editor頁面上。
它提供下列欄位:
-
多欄位
MultiField是可編輯的表單欄位清單,用於編輯多值屬性。
-
mvt
Multivariate Testing元件可用來定義及編輯一組以交替橫幅顯示的影像。 每個橫幅會收集點進率統計資料。
-
通知收件匣
NotificationInbox可讓使用者訂閱WCM動作和管理通知。
-
數字欄位
提供自動按鍵篩選和數值驗證的數值文字欄位。
-
offlineimporter
OfflineImporter是一種將Microsoft® Word檔案匯入並轉換成AEM頁面的工具。 此功能允許使用文書處理器離線編輯內容。
-
ownerdraw
OwnerDraw可包含自訂HTML程式碼(直接輸入或從URL擷取)。
-
分頁
隨著記錄數增加,瀏覽器轉譯記錄所需的時間也會增加。 分頁用於減少與使用者端交換的資料量。
-
面板
面板是一個容器,具有特定功能和結構元件,使其成為應用程式導向使用者介面的完美建置區塊。
由於面板繼承自CQ.Ext.Container,因此面板為。
-
paragrapherference
段落參考欄位可讓您瀏覽頁面並選取其中一個段落。 它由觸發欄位和關聯的段落瀏覽對話方塊組成。
-
密碼
密碼類似CQ.Ext.form.TextField,但會保留其私密值,讓使用者可以輸入敏感資料。
-
pathcompletion
已棄用:請改用CQ.form.PathField
-
pathfield
PathField是專為路徑完成路徑設計的輸入欄位,以及開啟CQ.BrowseDialog以瀏覽伺服器存放庫的按鈕。 它也可以瀏覽頁面段落以產生進階連結。
-
進度
可更新的進度列元件。 進度列支援兩種不同的模式:手動和自動。
在手動模式中,您有責任顯示、更新(透過updateProgress)並視需要從您自己的程式碼中清除進度列。 若要顯示進度,此方法最適合。
-
propertygrid
專門化的網格實作,用來模擬開發IDE中通常看到的傳統屬性網格。 格線中的每一列代表某個物件的屬性,資料會在CQ.Ext.grid.PropertyRecords中儲存為一組名稱/值組。
-
propgrid
PropertyGrid是用於顯示和編輯物件屬性的一般網格。
-
quicktip
@xtype quicktip可在標籤中指定,並由全域CQ.Ext.QuickTips執行個體自動管理的工具提示專用工具提示類別。 如需其他使用方式的詳細資訊和範例,請參閱QuickTips類別標題。
-
無線電
單一無線電欄位。 與Checkbox相同,但為了方便您自動設定輸入型別。 如果您為群組中的每個無線電指定相同的名稱,瀏覽器會自動處理無線電群組。
-
radiogroup
CQ.Ext.form.Radio控制項的分組容器。
-
referencesdialog
「參照」對話方塊是在頁面上顯示參照的對話方塊。
-
restoretreedialog
RestoreTreeDialog是用來還原樹狀結構先前版本的對話方塊。
-
restoreversiondialog
RestoreVersionDialog是用來還原先前版本頁面的對話方塊。
-
RTF
RTF提供表單欄位,用於編輯樣式文字資訊(RTF)。
Rtf元件目前提供下列功能:
-
rolloutplan
RolloutPlan會提供用來觀看頁面轉出進度的對話方塊。 RolloutPlan是由CQ.wcm.msm.RolloutWizard啟動。
-
轉出精靈
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是智慧型影像上傳程式。 它提供處理上傳影像的工具,例如定義影像地圖的工具和影像裁剪程式。
此元件設計成可在個別的對話方塊索引標籤上使用。
-
分隔符號
用於提供版面配置中可擴充的空間。
-
旋轉圖示
「旋轉圖示」是數值、日期或時間值的觸發欄位。 使用提供的上下觸發器、捲動輪或按鍵,可增加或減少值。
-
分割按鈕
分割按鈕提供內建的下拉式箭頭,可獨立於按鈕的預設點按事件單獨引發事件。 通常,這會用於顯示一個下拉式功能表,為主要按鈕動作提供其他選項,但任何自訂處理常式都可以提供箭號點選實施。
-
靜態
「靜態」可用來顯示任意文字或HTML。
-
統計資料
統計資料會以圖表顯示頁面印象。 Widget可讓您選取應顯示統計資料的期間。
-
儲存
Store類別封裝Record物件的使用者端快取,這些物件提供如GridPanel、ComboBox或DataView等元件的輸入資料。
-
suggestfield
SuggestField會根據使用者輸入的內容,提供使用者建議。
-
切換器
Switcher在主控台中提供標題列的按鈕群組,以便在網站、數位Assets、工具、工作流程和安全性之間切換。
-
tableedit
已棄用:請改用CQ.form.TableEdit2。
-
tableedit2
TableEdit2提供用於建立表格的Widget。
-
標籤面板
基本頁簽容器。 TabPanels的使用方式與標準CQ.Ext.Panel完全相同,可用於配置用途,但對於包含子元件(
items
)也有特殊的支援。 -
標記
code language-none CQ.tagging.TagInputField
是用於輸入標籤的表單Widget。 它有一個彈出式選單,可供您從現有標籤中選取,包括自動完成和許多其他功能。
-
文字區域
多行文字欄位。 可用來直接取代傳統文字區域欄位,並新增對自動調整大小的支援。
-
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 treegrid
-
樹狀面板
TreePanel提供樹狀結構資料的UI表示法。
-
觸發器
為TextFields提供便利的包裝函式,可新增可點按的觸發按鈕(預設看起來像下拉式方塊)。 觸發程式沒有預設動作,因此您必須透過覆寫onTriggerClick,指派函式以實作觸發程式點選處理常式。 您可以直接建立TriggerField,因為它呈現的方式與下拉式方塊完全相同。
-
上傳
UploadDialog可讓使用者將檔案上傳到存放庫建立新的UploadDialog。
-
使用者資訊
工具列專案,顯示目前的使用者名稱並允許使用者動作,例如編輯使用者屬性和模擬。
-
檢視區
代表可檢視應用程式區域(瀏覽器檢視區)的特殊容器。
「檢視區」會將自身呈現至檔案本文,並自動調整自身大小以符合瀏覽器檢視區的大小,並管理視窗大小調整。 只能建立一個檢視區。
-
視窗
專用於作為應用程式視窗的面板。 Windows已浮動,預設為可調整大小和可拖曳。 Windows可以最大化以填滿檢視區,還原成先前的大小,也可以最小化天。
-
xmlstore
小型Helper類別,可讓您更輕鬆地從XML資料建立CQ.Ext.data.Store。 XmlStore已使用CQ.Ext.data.XmlReader自動設定。
cqinclude Pseudo xtype (包含來自存放庫中不同路徑的Widget定義)。 它最常用於頁面對話方塊。 此xtype沒有實際的JavaScript Widget類別。 這會由CQ.Util類別的formatData()函式處理。 如需詳細資訊,請參閱此知識庫文章。