本頁說明Adobe Experience Manager(AEM)提供的所有xtype。
在ExtJS語言中,xtype是給類的符號名稱。 您可以閱讀 ExtJS 2概觀 以取得xtype的詳細說明,以及其使用方式。
如需AEM中所有可用小工具的完整資訊,請參閱 介面工具集API檔案.
若要了解指定xtype在AEM中使用的元件,您可以在CRXDE中使用下列Xpath查詢,方法是將「核取方塊」取代為您感興趣的xtype:
//element(*, cq:Widget)[@xtype='checkbox']
本頁說明傳統UI中ExtJS xtype的使用方式。
Adobe建議您運用標準、現代、 觸控式UI 根據 Coral UI 和 Granite UI.
請在下方找到Adobe Experience Manager中可用的xtype清單:
註解
「對話框」(Dialog)是一種特殊類型的窗口,其內部具有窗體,頁尾處具有按鈕組。 它通常用於編輯內容,但也只能顯示資訊。
陣列商店
先前稱為「SimpleStore」。
要建立的小幫手 CQ.Ext.data.Store從陣列資料更輕鬆。 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.PathField inde
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 來建立隱藏輸入。
元件
元件牽引器
元件提取器可讓使用者從網站/頁面擷取元件。
元件選取器
可用元件的分組、有序選擇。
componentstyles
複合欄位
面板型複雜表單欄位的基類,包括一個表單欄位或一組表單欄位。
容器
任何的基類 CQ.Ext.BoxComponent 可能包含其他元件。 容器處理容納項的基本行為,即添加、插入和刪除項。
最常用的容器類為 CQ.Ext.Panel, CQ.Ext.Window 和 CQ.Ext.TabPanel.
contentfinder
ContentFinder是專用的兩欄 檢視區 左側包含實際的「內容尋找器」,右側包含「內容框架」。
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 元素。 按一下時按鈕會自動在每個功能表項目中循環,提高按鈕的 變更 事件(或呼叫按鈕的 changeHandler 函式(如果已提供)。
dataview
使用自訂版面範本和格式顯示資料的機制。 DataView使用 CQ.Ext.XTemplate 作為內部模板機制,並與 CQ.Ext.data.Store 這樣當儲存區中的資料變更時,檢視就會自動更新以反映變更。
datefield
提供日期輸入欄位,並搭配 CQ.Ext.DatePicker 下拉式清單和自動日期驗證。
datemenu
包含 CQ.Ext.DatePicker 元件。
datepicker
彈出式日期選擇器。 此類由 日期欄位 類別,以允許瀏覽並選取有效日期。
日期時間
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.
編輯器
一個基礎編輯器欄位,可隨需處理顯示/隱藏,並具有一些內建的大小調整和事件處理邏輯。
編輯者
編輯滾動
「編輯變換」(EditRovell)允許用戶通過按兩下來編輯內容,並通過上下文菜單提供更多編輯操作。 當滑鼠滾動到內容上時,可編輯區域會以框架指示。
feedimporter
FeedImporter可讓使用者匯入RSS或Atom摘要,並為每個摘要項目建立頁面。
欄位
表單欄位的基類,提供預設事件處理、大小調整、值處理和其他功能。
欄位集
用於對 表單…
fileuploaddialobutton
CQ.form.FileUploadDialogButton
FileUploadDialogButton會建立一個按鈕,用於開啟一個新的對話框,用於通過FileUploadField上載檔案。 可在編輯對話方塊內使用,而上傳必須以個別形式進行。
fileuploadfield
FileUploadField允許用戶選擇要上載的單個檔案。
findreplace對話框
FindReplaceDialog是用於查找和替換頁面及其子頁中的令牌的對話框。
flash
網格
此類表示基於元件的網格控制的主要介面,以行和列的表格格式表示資料。
群組儲存
專門的儲存實施,它提供按可用欄位之一對記錄進行分組。 這通常與 CQ.Ext.grid.GroupingView 來證明分組網格面板的資料模型。
重彈
HeavyMoveDialog是用於移動頁面及其子頁面的對話方塊,同時考慮重新啟動先前啟動的頁面('heavy' move)。
隱藏
一個基本隱藏欄位,用於儲存需要在表單提交中傳遞的表單中的隱藏值。
歷史按鈕
HistoryButton是一個小幫助類,可輕鬆提供後向和前向按鈕。 通常需要兩個相關例項:轉發按鈕實例是連結到處理歷史記錄的上一步按鈕實例的簡單按鈕。
htleditor
提供輕量型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是用於複製語言樹的對話框。
linkchecker
LinkChecker是檢查網站中外部連結的工具。
listview
CQ.Ext.list.ListView是快速且輕量的 格線 如視圖。
livecopypropertys
LiveCopyProperties提供一個面板,用於檢視和編輯Live Copy屬性(關係繼承、同步觸發和同步動作)。
呂波列
一個列定義類,它呈現布爾資料欄位。 請參閱 xtype 配置選項 CQ.Ext.list.Column 以取得更多詳細資訊。
lvcolumn
此類封裝要用於初始化的列配置資料 ListView.
lvdatecolumn
列定義類,它根據預設區域設定或配置來呈現傳遞日期 格式. 請參閱 xtype 配置選項 CQ.Ext.list.Column 以取得更多詳細資訊。
lvnumbercolumn
列定義類,根據 格式 字串。 請參閱 xtype 配置選項 CQ.Ext.list.Column 以取得更多詳細資訊。
mediabrowsedialog
已棄用:使用 內容尋找器 來瀏覽媒體。
MediaBrowseDialog是用於瀏覽媒體庫的對話方塊。
功能表
菜單對象。 這是您可新增功能表項目的容器。 當您想要以其他元件為基礎的專用功能表時(例如 CQ.Ext.menu.DateMenu 例如)。
梅納巴塞特姆
呈現到菜單中的所有項的基類。 BaseItem提供預設呈現、激活狀態管理和所有菜單元件共用的基本配置選項。
門
新增預設包含核取方塊的功能表項目,但也可以是選項群組的一部分。
門項
需要與菜單相關功能(如子菜單)且不是靜態顯示項的所有菜單項的基類。 項目擴展了 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.PathField inde
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提供對話方塊,可監視頁面轉出進度。 轉出計畫由 CQ.wcm.msm.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。
statistics
統計資料會以圖表顯示頁面曝光次數。 介面工具集可選取期間,應顯示統計資料。
商店
建議欄位
建議欄位會根據使用者的項目,為使用者提供建議。
切換器
切換器提供主控台中標題列的按鈕群組,以在網站、數位資產、工具、工作流程和安全性之間切換。
表編輯
已棄用:使用 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表示。
觸發
為新增可點按觸發按鈕的TextFields提供便利的包裝函式(預設情況下看起來類似組合框)。 觸發器沒有預設動作,因此您必須指派函式以透過覆寫來實作觸發器點擊處理常式 onTriggerClick. 您可以直接建立TriggerField,因為它呈現的完全像一個組合框。
upaddialog
UploadDialog可讓使用者將檔案上傳至存放庫,並建立新的UploadDialog。
userinfo
工具欄項,用於顯示當前用戶名並允許用戶操作,如編輯用戶屬性和模擬。
檢視區
代表可檢視應用程式區域(瀏覽器檢視區)的專用容器。
「視區」(Viewport)會自行呈現到文檔主體,並自動將其大小調整為瀏覽器視區的大小,並管理窗口大小調整。 只能建立一個檢視區。
視窗
專用面板,用作應用程式窗口。 窗戶被浮了, 可調整,和 拖曳 依預設。 Windows可以是 最大化 填入檢視區,並還原為其先前的大小,且 最小化d.
xmlstore
要建立的小幫手 CQ.Ext.data.Store更輕鬆地從XML資料中刪除。 XmlStore將自動配置為 CQ.Ext.data.XmlReader.
cqinclude 偽xtype,包括儲存庫中不同路徑的Widget定義。 它最常用於頁面對話方塊中。 此xtype沒有實際的JavaScript介面工具集類別。 由CQ.Util類的formatData()函式處理。 如需詳細資訊,請參閱本知識庫文章。