使用xtype（经典UI） using-xtypes-classic-ui
本页介绍Adobe Experience Manager (AEM)可用的所有xtype。
在ExtJS语言中，xtype是指定给类的符号名称。 您可以阅读ExtJS 2概述中的“组件XTypes”段落，详细解释什么是xtype以及如何使用它。
有关AEM中所有可用小组件的更多信息，请参阅小组件API文档。
要了解在AEM中使用了给定xtype的组件，您可以在CRXDE中使用以下Xpath查询。 只需将“checkbox”替换为您感兴趣的xtype：
//element(*, cq:Widget)[@xtype='checkbox']
xtype xtypes
以下列出了Adobe Experience Manager中可用的xtype：
-
annotationAnnotation是一个特殊窗口。 它在主体中有一个表单，在页脚中有一个按钮组。 它通常用于编辑内容，但也只能显示信息。 -
arraystore以前称为
SimpleStore。一个小型帮助程序类，用于更轻松地从Array数据创建CQ.Ext.data.Store。
ArrayStore自动配置为CQ.Ext.data.ArrayReader。 -
asseteditorAsset Editor在DAM管理中使用。 -
assetreferencesearchdialogCQ.wcm.AssetReferenceSearchDialog
AssetReferenceSearchDialog是一个对话框，在页面引用资产或标记时会弹出该对话框。 -
blueprintconfigBlueprintConfig提供了一个面板，用于查看Blueprint的活动副本和编辑此Blueprint属性（同步触发器和同步操作）。 -
blueprintstatusBlueprintStatus提供了一个面板来查看和编辑Blueprint及其Live Copies关系。 通过CQ.wcm.msm.BlueprintConfig和CQ.wcm.msm.LiveCopyProperties的CQ.wcm.msm.BlueprintStatus.Tree版本完成浏览。
-
box要使用宽度和高度调整为框大小的任何组件的基类。
BoxComponent为调整大小和定位提供了自动的框模型调整，并在组件渲染模型中正常工作。
-
browsedialogBrowseDialog允许用户浏览存储库以选择路径。 它通常通过BrowseField使用。
-
browsefield已弃用：请改用CQ.form.PathField
-
bulkeditorBulkEditor提供搜索引擎和网格以编辑搜索结果。BulkEditor必须插入到HTML表单中（导入功能所必需的）。 这完全适用于CQ.Dialog。 -
bulkeditorformBulkEditorForm提供了由HTML表单包围的CQ.wcm.BulkEditor。 CQ.wcm.BulkEditor的独立版本。 “导入”按钮需要HTML表单。
-
button简单按钮类
-
buttongroup一组按钮的容器。
-
chartCQ.Ext.chart包提供了使用基于Flash的图表将数据可视化的功能。 每个图表都直接绑定到CQ.Ext.data.Store，从而可自动更新图表。 若要更改图表的外观，请参阅chartStyle和extraStyle配置选项。
-
checkbox单个复选框字段。 可用作传统复选框字段的直接替换。
-
checkboxgroupCQ.Ext.form.Checkbox控件的分组容器。
-
clearcomboClearableComboBox是一个不可编辑的组合框，带有用于清除其值的触发器。
-
colorfieldColorField允许用户直接或使用CQ.Ext.ColorMenu输入颜色十六进制值。
-
colorlistColorList允许用户从可编辑列表中选择颜色。
-
colormenu包含CQ.Ext.ColorPalette组件的菜单。
-
colorpalette用于选择颜色的简单调色板类。 面板可以呈现到任何容器中。
-
combo支持自动完成、远程加载、寻呼和许多其他功能的组合框控件。
ComboBox的工作方式与传统HTML <select>字段类似。 不同之处在于，要提交valueField，您必须指定hiddenName以创建隐藏的输入。
-
component所有
Ext组件的基类。 组件的所有子类都可以参与由ExtContainer类提供的创建、渲染和销毁的自动的组件生命周期。 创建容器时，可以通过项配置选项将组件添加到容器中。 -
componentextractorComponentExtractor允许用户从网站/页面提取组件。
-
componentselector可用组件的分组、有序选择。
-
componentstyles -
compositefield基于面板的复杂表单字段的基类，包括一个表单字段或一组表单字段。
-
container任何可能包含其他组件的CQ.Ext.BoxComponent的基类。 容器处理包含项目的基本行为，即添加、插入和删除项目。
最常用的Container类是CQ.Ext.Panel、CQ.Ext.Window和CQ.Ext.TabPanel。
-
contentfinderContentFinder是一个特殊的双列视区，它包含左侧的实际内容查找器和右侧的内容框架。
-
contentfindertabContentFinderTab是一个专用面板，提供了在CQ.wcm.ContentFinder的选项卡面板中使用的功能。 通常，它具有搜索表单（查询框）和用于显示搜索的数据视图。
-
cq.workflow.model.comboWorkflowModelCombo是自定义的CQ.Ext.form.ComboBox，它显示可用工作流模型的列表。
-
cq.workflow.model.selectorWorkflowModelSelector将WorkflowModelCombo与工作流的缩略图图像以及创建和编辑工作流模型的按钮组合在一起。
-
createsitewizardCreateSiteWizard是创建(MSM)站点的分步向导。
-
createversiondialogCreateVersionDialog是一个允许创建页面版本的对话框。
-
customcontentpanelCustomContentPanel是用于CQ.Dialog的特殊面板：其内容是从对话框中其他字段以外的其他URL检索并提交的。
-
cycle专用的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该对话框是一个特殊窗口。 它在主体中有一个表单，在页脚中有一个按钮组。 它通常用于编辑内容，但也只能显示信息。
-
dialogfieldset -
directstore一个小型帮助程序类，用于创建配置了CQ.Ext.data.DirectProxy和CQ.Ext.data.JsonReader的CQ.Ext.data.Store，以便更轻松地与CQ.Ext.Direct服务器端Provider交互。
-
displayfield未验证且未提交的仅用于显示的文本字段。
-
editbarEditBar允许用户使用栏上的按钮编辑内容。
尽管此处未列出，但EditBar具有CQ.wcm.EditBase的所有成员。
-
editor一个基本编辑器字段，可根据需要处理显示/隐藏操作，并具有一些内置的大小和事件处理逻辑。
-
editorgrid此类扩展GridPanel类以在选定的列上提供单元格编辑。 可编辑列是通过在列配置中提供编辑器指定的。
-
editrollover编辑变换图像允许用户通过双击编辑内容，并通过上下文菜单提供更多的编辑操作。 当鼠标滑过内容时，可编辑区域以框架指示。
-
feedimporterFeedImporter允许用户导入RSS或Atom信息源，并为每个信息源条目创建页面。
-
field表单字段的基类，提供默认事件处理、大小调整、值处理和其他功能。
-
fieldset用于分组表单中的项目的标准容器。
-
fileuploaddialogbuttonCQ.form.FileUploadDialogButton
FileUploadDialogButton将创建一个按钮，该按钮将打开一个新的对话框，用于通过FileUploadField上载文件。 可以在编辑对话框内使用，上传必须在一个单独的表单中进行。
-
fileuploadfieldFileUploadField允许用户选择要上载的单个文件。
-
findreplacedialogFindReplaceDialog是一个用于查找和替换页面及其子页面中的令牌的对话框。
-
flash -
grid此类表示基于组件的网格控件的主界面，以表格形式的行和列表示数据。
-
groupingstore一种专门的存储实施，它提供按可用字段之一对记录进行分组。 与CQ.Ext.grid.GroupingView一起使用，以证明分组GridPanel的数据模型。
-
heavymovedialogHeavyMoveDialog是一个用于移动页面及其子页面的对话框，同时考虑重新激活之前激活的页面（“大幅”移动）。
-
hidden一个基本隐藏字段，用于存储必须在表单提交中传递的表单中的隐藏值。
-
historybuttonHistoryButton是一个小型帮助程序类，可轻松提供后退和前进按钮。 通常需要两个相关的实例：前进按钮实例是一个链接到后退按钮实例的简单按钮，用于处理历史记录。
-
htmleditor它提供了一个轻量级的HTML编辑器组件。 Safari不支持某些工具栏功能，因此系统在需要时会自动隐藏这些功能。 在相应的配置选项中注明。
编辑器的工具栏按钮在buttonTips属性中定义了工具提示。
-
iframedialog显示iframe内容并允许iframe中表单的纯对话框。
-
iframepanel包含iframe的面板。 它可让您轻松创建iframe、iframe加载事件和访问iframe的内容。
-
inlinetextfieldInlineField是一个文本字段，当焦点不在时显示为标签。
-
jsonstore一个小型帮助程序类，用于更轻松地从JSON数据创建CQ.Ext.data.Store。 JsonStore自动配置了CQ.Ext.data.JsonReader。
-
label基本标签字段。
-
languagecopydialogLanguageCopyDialog是用于复制语言树的对话框。
-
linkcheckerLinkChecker是一种检查站点中外部链接的工具。
-
listviewCQ.Ext.list.ListView是类似网格的视图的快速轻量实现。
-
livecopypropertiesLiveCopyProperties提供了一个用于查看和编辑Live Copy属性（关系继承、同步触发器和同步操作）的面板。
-
lvbooleancolumn呈现布尔数据字段的列定义类。 有关详细信息，请参阅CQ.Ext.list.Column的xtype配置选项。
-
lvcolumn此类封装要在ListView的初始化中使用的列配置数据。
-
lvdatecolumn根据默认区域设置或配置的格式呈现传递日期的Column定义类。 有关详细信息，请参阅CQ.Ext.list.Column的xtype配置选项。
-
lvnumbercolumn根据格式字符串呈现数值数据字段的列定义类。 有关详细信息，请参阅CQ.Ext.list.Column的xtype配置选项。
-
mediabrowsedialog已弃用：请改用内容查找器来浏览媒体。
MediaBrowseDialog是用于浏览媒体库的对话框。
-
menu菜单对象。 可在其中添加菜单项的容器。 当您希望基于其他组件（例如CQ.Ext.menu.DateMenu）的专用菜单时，菜单还可以用作基类。
-
menubaseitem呈现到菜单中的所有项目的基类。 BaseItem提供默认渲染、激活状态管理和所有菜单组件共享的基本配置选项。
-
menucheckitem它添加了一个菜单项，默认情况下该菜单项包含复选框，但也可以是单选按钮组的一部分。
-
menuitem所有需要菜单相关功能（如子菜单）且不是静态显示项目的菜单项的基类。 项通过添加特定于菜单的激活和点击处理，扩展了CQ.Ext.menu.BaseItem的基本功能。
-
menuseparator它向菜单添加一个分隔条，用于划分菜单项的逻辑组。 通常，在对add()的调用或项目配置中使用“ — ”添加它，而不是直接创建它。
-
menutextitem它向菜单添加一个静态文本字符串，用作标题或组分隔符。
-
metadataMetadata提供了一组字段来确定元数据字段所需的信息，例如在资产编辑器页面上。其中提供了以下字段：
-
multifieldMultiField是用于编辑多值属性的表单字段的可编辑列表。 -
mvtMultivariate Testing组件可用于定义和编辑显示为交替横幅的一组图像。 按横幅收集点进率统计数据。
-
notificationinboxNotificationInbox允许用户订阅WCM操作和管理通知。 -
numberfield提供自动击键过滤和数字验证的数字文本字段。
-
offlineimporterOfflineImporter是一种用于导入Microsoft® Word文档并将其转换为AEM页面的工具。 此功能允许使用文字处理器离线编辑内容。 -
ownerdrawOwnerDraw可以包含自定义HTML代码（直接输入或从URL检索）。 -
paging随着记录数的增加，浏览器渲染这些记录所需的时间也会增加。 分页用于减少与客户端交换的数据量。
-
panelpanel是一个容器，具有特定的功能和结构组件，使其成为面向应用程序的用户界面的完美构建基块。基于继承的面板来自CQ.Ext.Container。
-
paragraphreference段落引用字段允许您浏览页面并选择其中一个段落。 它由触发器字段和关联的段落浏览对话框组成。
-
passwordPassword类似于CQ.Ext.form.TextField，但其值保持私有，允许用户输入敏感数据。 -
pathcompletion已弃用：请改用CQ.form.PathField
-
pathfieldPathField是为路径完成路径设计的输入字段，以及用于打开CQ.BrowseDialog以浏览服务器存储库的按钮。 它还可以浏览页面段落以生成高级链接。 -
progress可更新的进度条组件。 进度条支持两种不同的模式：手动和自动。
在手动模式下，您负责显示、更新（通过updateProgress）并根据需要从您自己的代码中清除进度条。 此方法最适合您想要显示进度的情况。
-
propertygrid一种专用网格实现，旨在模拟开发IDE中通常看到的传统属性网格。 网格中的每一行都表示某个对象的属性，该数据在CQ.Ext.grid.PropertyRecords中存储为一组名称/值对。
-
propgridPropertyGrid是用于显示和编辑对象属性的通用网格。 -
quicktip@xtype quicktip— 可在标记中指定并由全局CQ.Ext.QuickTips实例自动管理的工具提示的专用工具提示类。 有关其他用法的详细信息和示例，请参阅快速提示类标头。 -
radio单个
radio字段。 与复选框相同，但为便于自动设置输入类型而提供。 当组中的每个单选按钮使用相同的名称时，浏览器会自动对单选按钮进行分组。 -
radiogroupCQ.Ext.form.Radio控件的分组容器。
-
referencesdialogReferencesDialog是一个用于在页面上显示引用的对话框。 -
restoretreedialogRestoreTreeDialog是一个用于还原树早期版本的对话框。 -
restoreversiondialogRestoreVersionDialog是一个用于恢复页面的先前版本的对话框。
-
richtextRichText提供了一个表单字段，用于编辑样式化文本信息（富文本）。RichText组件当前提供以下功能： -
rolloutplanRolloutPlan提供了一个用于监视页面转出进度的对话框。 CQ.wcm.msm.RolloutWizard启动RolloutPlan。
-
rolloutwizardRolloutWizard提供了一个用于转出页面的向导。 RolloutWizard启动CQ.wcm.msm.RolloutPlan。 -
searchfieldSearchField提供了一个搜索字段，该字段在可用于搜索存储库的下拉列表中提供结果。 -
selectionSelection允许用户从多个选项中进行选择。 这些选项可以是配置的一部分，也可以从JSON响应加载。 所选内容可以呈现为下拉列表(select)或组合框(select plus free text entry)。 -
sidekickSidekick是一个浮动辅助函数，可为用户提供用于编辑页面的常用工具。 -
siteadminSiteAdmin是一个提供WCM管理功能的控制台。 -
siteimporterSiteImporter允许用户导入完整的网站和创建初始项目。 -
sizefieldSizeField允许用户输入宽度和高度（例如，对于图像）。 -
slider支持垂直或水平方向、键盘调整、可配置的对齐、轴单击和动画的滑块。 它可以作为项目添加到任何容器中。 例如，用法： …
-
slideshow通过幻灯片放映组件，可以定义和编辑一组图像和图像标题。 用户可以观看幻灯片集。
幻灯片放映组件基于CQ.form.SmartImage组件。
-
smartfileSmartFile是一种智能文件上载程序。
如果安装了Flash插件（版本>= 9），则使用SWFupload库执行上载，这为处理上载提供了一种方便的方法。
-
smartimageSmartImage是一种智能图像上传程序。 它提供用于处理上传图像的工具，例如，定义图像映射的工具和图像裁剪器。
该组件设计为在单独的对话框选项卡中使用。
-
spacer用于在布局中提供较大的空间。
-
spinnerSpinner是数字、日期或时间值的触发器字段。 通过使用提供的上下触发器、滚轮或按键，可以增加和减小该值。 -
splitbuttonsplitbutton提供了一个内置下拉箭头，该箭头可以独立于按钮的默认点击事件单独触发事件。 通常，它用于显示一个下拉菜单，为主按钮操作提供其他选项，但任何自定义处理程序都可以提供arrowclick实现。 -
staticStatic可用于显示任意文本或HTML。 -
statisticsStatistics将页面展示显示为图表。 利用小组件，可选择应显示统计数据的时间段。 -
storeStore类封装了记录对象的客户端缓存，这些对象为GridPanel、ComboBox或DataView等组件提供输入数据。 -
suggestfieldSuggestField根据用户的输入为其提供建议。 -
switcherSwitcher为控制台中的标题栏提供了一个按钮组，以便在Web站点、数字Assets、工具、工作流和安全性之间切换。 -
tableedit已弃用：请改用CQ.form.TableEdit2。
-
tableedit2TableEdit2提供了用于创建表的构件。 -
tabpanel基本选项卡容器。 TabPanels的使用方式与标准CQ.Ext.Panel的使用方式完全一样，可用于布局目的，但对于包含子组件(
items)也有特殊支持。 -
tagscode language-none CQ.tagging.TagInputField是用于输入标记的表单构件。 它有一个弹出菜单，用于从现有标记中进行选择，包括自动完成和许多其他功能。
-
textarea多行文本字段。 可用作传统
textarea字段的直接替代项，另外还增加了对自动调整大小的支持。 -
textbuttonTextButton提供具有CQ.Ext.Button功能的文本链接。 -
textfield基本文本字段。 可用作传统文本输入的直接替换，或用作更复杂的输入控件（如CQ.Ext.form.TextArea和CQ.Ext.form.ComboBox）的基类。
-
thumbnail -
timefield它提供了一个带有时间下拉菜单的时间输入字段，并自动进行时间验证。 用法示例： …
-
tip@xtype提示：这是CQ.Ext.QuickTip和CQ.Ext.Tooltip的基类，它提供了所有基于提示的类所需的基本布局和定位。 此类可直接用于简单的静态定位刀尖。
-
titleseparator它向菜单添加一个分隔条，用于划分菜单项的逻辑组。 分隔符还可以带有标题。
-
toolbar基本
Toolbar类。 尽管工具栏的defaultType为button，但工具栏元素（工具栏容器的子项）实际上可以是任何类型的组件。 工具栏元素可以通过其构造函数显式创建。 -
tooltip标准
tooltip实现，用于在将鼠标悬停在目标元素上时提供其他信息。 @xtype工具提示。 -
treegrid@xtype
treegrid -
treepanelTreePanel提供树状结构数据的树状结构UI表示形式。 -
trigger它为
TextFields提供了一个方便的包装器，添加了可单击的触发器按钮（默认情况下看起来像组合框）。 触发器没有默认操作，因此您必须通过覆盖onTriggerClick来分配一个函数以实施触发器点击处理程序。 您可以直接创建TriggerField，因为它将像组合框一样呈现。 -
uploaddialogUploadDialog允许用户将文件上传到存储库创建新的UploadDialog。 -
userinfo工具栏项，以显示当前用户名并允许用户操作，如编辑用户属性和模拟。
-
viewport表示可查看的应用程序区域（浏览器视区）的专用容器。
Viewport将自身呈现到文档正文中，并自动调整自身大小以适合浏览器视区的大小并管理窗口大小调整。 只能创建一个视区。 -
window专门用作应用程序窗口的面板。 Windows已浮动，可调整大小，默认情况下为可拖动。 Windows可以最大化以填充视区，还原到其以前的大小，并且可以是最小化天。
-
xmlstore一个小型帮助程序类，用于更轻松地从XML数据创建CQ.Ext.data.Store。
XmlStore自动配置有CQ.Ext.data.XmlReader。cqinclude— 包含来自存储库中不同路径的小组件定义的伪xtype。 它最常用于页面对话框。 此xtype没有实际的JavaScript构件类。CQ.Util类通过使用formatData()函数来处理它。