本頁說明Adobe Experience Manager (AEM)可用的所有xtype。
在ExtJS語言中,xtype是指定給類別的符號名稱。 您可以閱讀 ExtJS 2概述 以取得有關xtype是什麼以及如何使用的詳細說明。
如需AEM中所有可用Widget的完整資訊,請參閱 Widget API檔案.
若要找出指定xtype用於AEM的元件,您可以在CRXDE中使用以下Xpath查詢,將「checkbox」取代為您感興趣的xtype:
//element(*, cq:Widget)[@xtype='checkbox']
本頁說明傳統UI中ExtJS xtypes的使用方式。
Adobe建議您使用標準、現代、 觸控式UI 根據 Coral UI 和 Granite UI.
以下列出Adobe Experience Manager中可用的xtype:
註解
「對話方塊」是一種特殊視窗,其內文中有表單,頁尾中有按鈕群組。 它通常用於編輯內容,但也只能顯示資訊。
陣列存放區
先前稱為「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
BrowseDialog可讓使用者瀏覽存放庫以選取路徑。 它通常透過 瀏覽欄位.
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,以啟用圖表的自動更新。 若要變更圖表的外觀,請參閱 圖表樣式 和 額外樣式 設定選項。
核取方塊
單一核取方塊欄位。 可用來直接取代傳統核取方塊欄位。
核取方塊群組
分組容器 CQ.Ext.form.Checkbox 控制項。
clearcombo
ClearableComboBox為不可編輯的下拉式方塊,並帶有清除其值的觸發器。
colorfield
ColorField可讓使用者直接或使用 CQ.Ext.ColorMenu.
colorlist
ColorList可讓使用者從可編輯的清單中選擇顏色。
colormenu
包含「 」的功能表 CQ.Ext.ColorPalette 元件。
調色盤
選擇顏色的簡單調色盤類別。 浮動視窗可呈現至任何容器。
組合
可支援自動完成、遠端載入、分頁和許多其他功能的下拉式方塊控制項。
ComboBox的運作方式與傳統HTML類似 <select> 欄位。 不同之處在於要提交 valueField,您必須指定 隱藏名稱 以建立隱藏的輸入。
元件
所有Ext元件的基底類別。 Component的所有子類別都可參與建立、演算和銷毀的自動化Ext元件生命週期,此生命週期由 容器 類別。 元件可透過以下方式新增至容器 個專案 建立容器時的config選項。
componentextractor
ComponentExtractor可讓使用者從網站/頁面擷取元件。
元件選擇器
可用元件的已分組、已排序選擇。
元件樣式
compositefield
基於面板的複雜表單欄位的基底類別,包括一個表單欄位或一組表單欄位。
容器
任何的基底類別 CQ.Ext.BoxComponent 可能包含其他元件的元件。 容器可處理包含專案的基本行為,即新增、插入和移除專案。
最常用的Container類別為 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 元件。
日期選取器
快顯日期選擇器。 此類別由 日期欄位 類別以允許瀏覽及選取有效日期。
日期時間
DateTime可讓使用者透過組合來輸入日期和時間 CQ.Ext.form.DateField 和 CQ.Ext.form.TimeField.
對話方塊
「對話方塊」是一種特殊視窗,其內文中有表單,頁尾中有按鈕群組。 它通常用於編輯內容,但也只能顯示資訊。
dialogfieldset
directstore
建立協助程式類別的小型物件 CQ.Ext.data.Store 已設定一個 CQ.Ext.data.DirectProxy 和 CQ.Ext.data.JsonReader 與進行互動 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是尋找和取代頁面及其子頁面中的權杖的對話方塊。
flash
格線
此類別代表元件式網格控制項的主要介面,以表格格式的列和欄表示資料。
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
建立小型協助程式類別 CQ.Ext.data.Store從JSON資料更輕鬆。 JsonStore會自動設定為 CQ.Ext.data.JsonReader.
標籤
基本標籤欄位。
languagecopydialog
LanguageCopyDialog是用於複製語言樹狀結構的對話方塊。
連結檢查程式
LinkChecker是檢查網站中外部連結的工具。
listview
CQ.Ext.list.ListView是快速且輕量級的 格線 喜歡檢視。
livecopyproperties
LiveCopyProperties提供面板來檢視和編輯即時副本屬性(關係繼承、同步觸發器和同步動作)。
lvbooleancolumn
呈現布林值資料欄位的Column定義類別。 請參閱 xtype 設定選項/ CQ.Ext.list.Column 以取得更多詳細資料。
lvcolumn
此類別會封裝資料行組態資料,以用於初始化 清單檢視.
lvdatecolumn
根據預設地區設定或設定的來呈現傳遞日期的Column定義類別 格式. 請參閱 xtype 設定選項/ CQ.Ext.list.Column 以取得更多詳細資料。
lvnumbercolumn
根據「 」呈現數值資料欄位的「欄」定義類別 格式 字串。 請參閱 xtype 設定選項/ CQ.Ext.list.Column 以取得更多詳細資料。
mediabrowsedialog
已棄用:使用 內容尋找器 以瀏覽媒體。
MediaBrowseDialog是用於瀏覽媒體庫的對話方塊。
功能表
選單物件。 這是您可以新增功能表專案的容器。 當您想要以其他元件(例如 CQ.Ext.menu.DateMenu 例如)。
menubaseitem
呈現至功能表之所有專案的基底類別。 BaseItem提供預設呈現、啟動狀態管理,以及所有功能表元件共用的基本組態選項。
menucheckitem
預設會新增包含核取方塊的功能表專案,但也可以是選項群組的一部分。
menuitem
需要功能表相關功能(如子功能表)且不是靜態顯示專案的所有功能表專案的基底類別。 Item擴充了 CQ.Ext.menu.BaseItem 新增功能表特定啟動並按一下處理。
menuseparator
在選單中新增分隔列,用來分割選單專案的邏輯群組。 一般而言,您會在呼叫add()或專案設定中使用「 — 」來新增這些專案之一,而非直接建立一個。
menutextitem
將靜態文字字串新增至功能表,作為標題或群組分隔符號使用。
中繼資料
中繼資料提供一組欄位,可決定中繼資料欄位所需的資訊,例如在Asset Editor頁面上。
它提供下列欄位:
多欄位
MultiField是可編輯的表單欄位清單,用於編輯多值屬性。
mvt
Multivariate Testing元件可用來定義及編輯一組以交替橫幅顯示的影像。 每個橫幅會收集點進率統計資料。
notificationinbox
NotificationInbox可讓使用者訂閱WCM動作和管理通知。
數字欄位
提供自動按鍵篩選和數值驗證的數值文字欄位。
offlineimporter
OfflineImporter是一種將Microsoft® Word檔案匯入並轉換成AEM頁面的工具。 此功能允許使用文書處理器離線編輯內容。
ownerdraw
OwnerDraw可包含自訂HTML代碼(直接輸入或從URL擷取)。
分頁
隨著記錄數增加,瀏覽器轉譯記錄所需的時間也會增加。 分頁用於減少與使用者端交換的資料量。
面板
面板是一個容器,具有特定功能和結構元件,使其成為應用程式導向使用者介面的完美建置區塊。
由於面板繼承自 CQ.Ext.Container.
段落參照
段落參考欄位可讓您瀏覽頁面並選取其中一個段落。 它由觸發欄位和關聯的段落瀏覽對話方塊組成。
密碼
密碼類似於 CQ.Ext.form.TextField 但會保留其私密值,讓使用者可輸入敏感資料。
pathcompletion
已棄用:使用 CQ.form.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會提供用來觀看頁面轉出進度的對話方塊。 轉出計畫由啟動 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是智慧型影像上傳程式。 它提供處理上傳影像的工具,例如定義影像地圖和影像裁剪程式的工具。
此元件設計為在單獨的對話方塊索引標籤上使用。
分隔符號
用來在版面配置中提供可擴充的空間。
旋轉圖示
「迴旋」是數值、日期或時間值的觸發欄位。 使用提供的向上和向下觸發器、捲動滾輪或按鍵,可以增加或減少值。
分割按鈕
分割按鈕提供內建的下拉式箭頭,可以單獨引發事件與按鈕的預設點按事件。 通常,這會用於顯示提供主要按鈕動作其他選項的下拉式選單,但任何自訂處理常式都可以提供arrowclick實施。
靜態
「靜態」可用來顯示任意文字或HTML。
statistics
「統計資料」會將頁面印象顯示為圖表。 Widget可讓您選取期間,應針對該期間顯示統計資料。
儲存
suggestfield
SuggestField會根據使用者的輸入為其提供建議。
切換器
切換器提供控制檯中標題列的按鈕群組,以在網站、數位資產、工具、工作流程和安全性之間切換。
tableedit
已棄用:使用 CQ.form.TableEdit2 而非。
tableedit2
TableEdit2提供用於建立表格的Widget。
tabpanel
基本索引標籤容器。 TabPanels的使用方式與標準完全相同 CQ.Ext.Panel 用於版面配置目的,但對包含子元件(items
)。
標記
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可以是 最大化 填滿檢視區,還原成原來的大小,並可以 最小化d.
xmlstore
建立小型協助程式類別 CQ.Ext.data.Store從XML資料更輕鬆。 XmlStore會自動設定為 CQ.Ext.data.XmlReader.
cqinclude 包含來自存放庫中不同路徑的Widget定義的偽xtype。 最常用於頁面對話方塊。 此xtype沒有實際的JavaScript Widget類別。 這會由CQ.Util類別的formatData()函式處理。 如需詳細資訊,請參閱此知識庫文章。