使用xtype (傳統UI) using-xtypes-classic-ui
本頁說明Adobe Experience Manager (AEM)可用的所有xtype。
在ExtJS語言中,xtype是指定給類別的符號名稱。 您可以閱讀 ExtJS 2概觀 以取得有關xtype是什麼以及如何使用的詳細說明。
如需AEM中所有可用介面工具集的完整資訊,請參閱 Widget API檔案.
若要找出指定xtype用於AEM的元件,您可以在CRXDE中使用下列Xpath查詢,將「checkbox」取代為您感興趣的xtype:
//element(*, cq:Widget)[@xtype='checkbox']
xtype xtypes
以下列出Adobe Experience Manager中可用的xtype:
-
註解
「對話方塊」是一種特殊視窗,其內文中有表單,頁尾中有按鈕群組。 它通常用於編輯內容,但也只能顯示資訊。
-
陣列存放區
先前稱為「SimpleStore」。
建立小型協助程式類別 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.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可讓使用者從可編輯的清單中選擇顏色。
-
顏色選單
包含 CQ.Ext.ColorPalette 元件。
-
調色盤
選擇顏色的簡單調色盤類別。 浮動視窗可呈現至任何容器。
-
組合
可支援自動完成、遠端載入、分頁和許多其他功能的下拉式方塊控制項。
ComboBox的運作方式與傳統HTML類似 <select> 欄位。 其差異在於要提交 valueField,您必須指定 隱藏名稱 以建立隱藏的輸入。
-
元件
所有Ext元件的基底類別。 元件的所有子類別都可參與建立、演算及銷毀的自動化外部元件生命週期,此生命週期由提供。 容器 類別。 元件可透過新增至容器 個專案 建立容器時的設定選項。
-
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 功能(如果提供)。
-
資料檢視
使用自訂配置範本和格式來顯示資料的機制。 資料檢視使用 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是在頁面及其子頁面中尋找和取代權杖的對話方塊。
-
閃光燈
-
格線
此類別代表元件式網格控制項的主要介面,以表格格式的列與欄表示資料。
-
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是檢查網站中外部連結的工具。
-
清單檢視
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
需要功能表相關功能(如子功能表)且不是靜態顯示專案的所有功能表專案的基底類別。 專案可擴充下列專案的基礎功能: 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可讓您選取應顯示統計資料的期間。
-
儲存
-
suggestfield
SuggestField會根據使用者輸入的內容,提供使用者建議。
-
切換器
Switcher在主控台中提供標題列的按鈕群組,以便在網站、數位資產、工具、工作流程和安全性之間切換。
-
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可以 最大化 填滿檢視區,恢復為先前大小,可以 最小化d.
-
xmlstore
建立小型協助程式類別 CQ.Ext.data.Store從XML資料更輕鬆。 XmlStore會自動設定為 CQ.Ext.data.XmlReader.
cqinclude 包含來自存放庫中不同路徑的Widget定義的偽xtype。 它最常用於頁面對話方塊。 此xtype沒有實際的JavaScript Widget類別。 這會由CQ.Util類別的formatData()函式處理。 如需詳細資訊,請參閱此知識庫文章。