使用xtype（经典UI） using-xtypes-classic-ui
本页介绍Adobe Experience Manager(AEM)中可用的所有类型。
在ExtJS语言中，xtype是给类提供的符号名称。 您可以阅读 ExtJS 2概述 ，以详细说明xtype的含义及其使用方式。
有关AEM中所有可用小组件的完整信息，请参阅 小组件API文档.
要了解AEM中使用给定xtype的组件，您可以在CRXDE中使用以下Xpath查询，方法是将“checkbox”替换为您感兴趣的xtype:
//element(*, cq:Widget)[@xtype='checkbox']
xtypes xtypes
请在下面找到Adobe Experience Manager中可用的xtype列表：
-
注释
“对话框”是一种特殊类型的窗口，其主体中有表单，页脚中有按钮组。 它通常用于编辑内容，但也只能显示信息。
-
阿雷斯托
以前称为“SimpleStore”。
用于创建的小帮助程序类 CQ.Ext.data.Store更轻松地从数组数据中获取。 ArrayStore将自动配置为 CQ.Ext.data.ArrayReader.
-
asseteditor
DAM管理员中使用的资产编辑器。
-
assetreferenceseardialog
CQ.wcm.AssetReferenceSearchDialog
AssetReferenceSearchDialog是一个弹出的对话框，用于防止页面引用资产或标记。
-
blueprintconfig
BlueprintConfig提供了一个面板，用于查看Blueprint的Live Copy并编辑此Blueprint属性（同步触发器和同步操作）。
-
blueprintstatus
BlueprintStatus提供了一个面板，用于查看和编辑Blueprint及其Live Copy关系。 通过 CQ.wcm.msm.BlueprintStatus.Tree，通过 CQ.wcm.msm.BlueprintConfig 和 CQ.wcm.msm.LiveCopyProperties.
-
框
任何的基类 组件 即使用宽度和高度将其调整为一个框。
BoxComponent提供用于调整大小和定位的自动框模型调整，并且在“元件”渲染模型中可正常工作。
-
browsedialog
浏览对话框允许用户浏览存储库以选择路径。 它通常通过 BrowseField.
-
browsefield
已弃用：使用 CQ.form.PathField 改为
-
bulkeditor
BulkEditor提供一个搜索引擎和一个网格，用于编辑搜索结果。
必须在HTML表单中插入BulkEditor（导入功能需要）。 这与 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
ClepalableComboBox是一个不可编辑的组合框，带有用于清除其值的触发器。
-
colorfield
ColorField允许用户直接或使用 CQ.Ext.ColorMenu.
-
colorlist
ColorList允许用户从可编辑的列表中选择颜色。
-
colormenu
包含 CQ.Ext.ColorPalette 组件。
-
colorpalete
用于选择颜色的简单调色板类。 调色板可呈现到任何容器。
-
组合
支持自动完成、远程加载、分页和许多其他功能的组合框控件。
组合框的工作方式与传统HTML类似 <select> 字段。 区别在于提交 valueField，则必须指定 hiddenName 创建隐藏输入。
-
组件
-
组件拖拉器
组件提取器允许用户从网站/页面中提取组件。
-
组件选择器
可用组件的分组、有序选择。
-
组件样式
-
复合字段
基于面板的复杂表单字段的基类，其中包含一个表单字段或一组表单字段。
-
容器
任何的基类 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是创建(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 下拉菜单和自动日期验证。
-
datemenu
包含 CQ.Ext.DatePicker 组件。
-
datepicker
弹出式日期选取器。 此类由 DateField 类，以便浏览和选择有效日期。
-
date
DateTime允许用户通过将 CQ.Ext.form.DateField 和 CQ.Ext.form.TimeField.
-
对话框
“对话框”是一种特殊类型的窗口，其主体中有表单，页脚中有按钮组。 它通常用于编辑内容，但也只能显示信息。
-
dialofieldset
-
directstore
用于创建 CQ.Ext.data.Store 已配置 CQ.Ext.data.DirectProxy 和 CQ.Ext.data.JsonReader 与 CQ.Ext.Direct 服务器端 提供程序 更简单。
-
displayfield
未验证且未提交的仅显示文本字段。
-
编辑栏
通过编辑栏，用户可以使用栏上的按钮编辑内容。
尽管未在此处列出，但EditBar具有 CQ.wcm.EditBase.
-
编辑器
一个基本编辑器字段，可根据需要处理显示/隐藏，并具有一些内置的大小调整和事件处理逻辑。
-
编辑
此类将 GridPanel类 在选定的 列. 可编辑的列通过提供 编辑者 在 列配置.
-
编辑滚动
“编辑滚动”允许用户通过双击来编辑内容，并通过上下文菜单提供更多编辑操作。 当鼠标滚动到内容上时，可编辑区域会以框架指示。
-
feedimporter
FeedImporter允许用户导入RSS或Atom馈送，并为每个馈送条目创建页面。
-
字段
表单字段的基类，用于提供默认事件处理、大小调整、值处理和其他功能。
-
fieldset
用于对 表单…
-
fileuploadiallobutton
CQ.form.FileUploadDialogButton
FileUploadDialogButton会创建一个按钮，以打开一个新对话框，用于通过FileUploadField上传文件。 可以在编辑对话框中使用，在该对话框中必须以单独的形式进行上传。
-
fileuploadfield
FileUploadField允许用户选择要上传的单个文件。
-
findreplace对话框
FindReplaceDialog是一个用于在页面及其子页面中查找和替换令牌的对话框。
-
flash
-
网格
此类表示基于组件的网格控件的主界面，以行和列的表格格式表示数据。
-
群组存储
提供按可用字段之一对记录进行分组的专用存储实现。 这通常与 CQ.Ext.grid.GroupingView 来验证分组GridPanel的数据模型。
-
重要运动对话
HeavyMoveDialog是一个用于移动页面及其子页面的对话框，同时也考虑重新激活之前激活的页面(“heavy” move)。
-
隐藏
用于在表单中存储隐藏值的基本隐藏字段，需要在表单提交中传递该值。
-
历史按钮
HistoryButton是一个小型助手类，可轻松提供返回和转发按钮。 通常需要两个相关实例：“转发”按钮实例是链接到用于处理历史记录的“返回”按钮实例的简单按钮。
-
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是用于复制语言树的对话框。
-
linkchecker
LinkChecker是检查站点中外部链接的工具。
-
listview
CQ.Ext.list.ListView是 网格 喜欢视图。
-
livecopyproperties
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 通过添加特定于菜单的激活和点击处理。
-
menuseparator
向菜单添加分隔符栏，用于划分菜单项的逻辑组。 通常，您会在调用add()或项目配置中使用“ — ”来添加其中一个变量，而不是直接创建一个变量。
-
门特克斯蒂特姆
向菜单添加静态文本字符串，通常用作标题或组分隔符。
-
元数据
元数据提供了一组字段，用于确定元数据字段（例如在资产编辑器页面上）所需的信息。
它提供了以下字段：
-
多字段
多字段是用于编辑多值属性的表单字段的可编辑列表。
-
mvt
多变量测试组件可用于定义和编辑一组以交替横幅形式呈现的图像。 每个横幅会收集点进率统计信息。
-
通知收件箱
NotificationInbox允许用户订阅WCM操作并管理通知。
-
数字字段
提供自动击键过滤和数字验证的数字文本字段。
-
offlineimporter
OfflineImporter是一个将Microsoft Word文档导入和转换到AEM页面的工具。 此功能允许使用字处理器离线编辑内容。
-
ownerdraw
OwnerDraw可以包含自定义HTML代码（直接输入或从URL检索）。
-
寻呼
随着记录数量的增加，浏览器渲染记录所需的时间也会增加。 使用分页来减少与客户端交换的数据量。
-
面板
面板是一个具有特定功能和结构组件的容器，是面向应用程序的用户界面的完美构建基块。
由于它们继承了 CQ.Ext.Container.
-
段落引用
段落引用字段允许浏览页面并选择其中一个段落。 它包含一个触发器字段和一个关联的段落浏览对话框。
-
密码
密码类似于 CQ.Ext.form.TextField 但会将其值保留为私有，从而允许用户输入敏感数据。
-
路径完成
已弃用：使用 CQ.form.PathField 改为
-
pathfield
PathField是一个输入字段，专为具有路径完成的路径而设计，并且还是一个按钮，用于打开 CQ.BrowseDialog 浏览服务器存储库。 它还可以浏览页面段落以生成高级链接。
-
进度
可更新的进度条组件。 进度条支持两种不同模式：手动和自动。
在手动模式下，您负责显示、更新(通过 updateProgress)并根据需要从您自己的代码中清除进度条。 当您想要显示进度时，此方法最合适。
-
propertygrid
一种专门的网格实施，旨在模拟开发IDE中常见的传统属性网格。 网格中的每一行都表示某些对象的属性，并且数据将作为一组名称/值对存储在 CQ.Ext.grid.PropertyRecords.
-
propgrid
PropertyGrid是用于显示和编辑对象属性的通用网格。
-
快速提示
@xtype quicktip（快速提示）工具提示的专用工具提示类，可在标记中指定并由全局管理 CQ.Ext.QuickTips 实例。 有关其他使用详细信息和示例，请参阅QuickTips类标题。
-
无线电
单个无线电字段。 与复选框相同，但提供此复选框是为了方便自动设置输入类型。 如果您为组中的每个单选按钮指定相同的名称，则浏览器会自动处理单选按钮分组。
-
放射组
用于 CQ.Ext.form.Radio 控件。
-
referencesdialog
“引用”(References)对话框是用于在页面上显示引用的对话框。
-
restoretree对话
RestoreTreeDialog是用于恢复树的先前版本的对话框。
-
restoreversiondialog
RestoreVersionDialog是用于恢复页面以前版本的对话框。
-
富文本
富文本提供了用于编辑样式化文本信息（富文本）的表单字段。
富文本组件当前提供以下功能：
-
汇总计划
转出计划提供了一个用于监视页面转出进度的对话框。 转出计划由 CQ.wcm.msm.RolloutWizard.
-
滚水板
转出向导提供了用于转出页面的向导。 转出向导启动 CQ.wcm.msm.RolloutPlan.
-
searchfield
SearchField提供搜索字段，该字段在下拉列表中提供结果，可用于搜索存储库。
-
选择
“选择”允许用户在多个选项之间进行选择。 这些选项可以是配置的一部分，也可以从JSON响应中加载。 选择内容可以呈现为下拉列表（选择）或组合框（选择加自由文本条目）。
-
sidekick
Sidekick是一个浮动助手，为用户提供了用于页面编辑的常用工具。
-
siteadmin
SiteAdmin是一个提供WCM管理功能的控制台。
-
站点导入程序
SiteImporter允许用户导入完整的网站并创建初始项目。
-
sizefield
SizeField允许用户输入宽度和高度（例如，图像）。
-
滑块
滑块支持垂直或水平方向、键盘调整、可配置的贴紧、轴点击和动画。 可以作为项目添加到任何容器。 用法示例：…
-
幻灯片放映
幻灯片放映提供了一个组件，可用于定义和编辑一组可以作为幻灯片放映查看的图像和图像标题。
幻灯片放映组件基于 CQ.form.SmartImage 组件。
-
smartfile
SmartFile是智能文件上载程序。
如果安装了Flash插件（版本>= 9），则使用SWFupload库执行上传，该库为处理上传提供了一种便捷的方法。
-
smartimage
SmartImage是智能图像上载器。 它提供了用于处理已上传图像的工具，例如用于定义图像映射和图像裁剪的工具。
请注意，该组件主要用于在单独的对话框选项卡中使用。
-
间隔物
用于在布局中提供大型空间。
-
旋转器
旋转图标是数字、日期或时间值的触发器字段。 通过使用提供的上下触发器、滚轮或键，可以增大和减小该值。
-
拆分按钮
一个拆分按钮，提供了一个内置的下拉箭头，用于分别触发事件和按钮的默认单击事件。 通常，它用于显示一个下拉菜单，该下拉菜单为主按钮操作提供了其他选项，但任何自定义处理程序都可以提供arrowclick实施。
-
静态
静态可用于显示任意文本或HTML。
-
statistics
统计信息将页面展示次数以图表形式显示。 小组件允许选择时段，应显示其统计信息。
-
商店
-
建议字段
SecksField会根据用户的条目向用户提供建议。
-
切换器
切换器为控制台中的标题栏提供了一个按钮组，用于在“网站”、“数字资产”、“工具”、“工作流”和“安全性”之间切换。
-
tableedit
已弃用：使用 CQ.form.TableEdit2 中。
-
tableedit2
TableEdit2提供了用于创建表格的小组件。
-
tab面板
基本的选项卡容器。 TabPanels的使用方式与标准 CQ.Ext.Panel 用于布局，但对包含子组件(
items)。 -
标记
code language-none CQ.tagging.TagInputField是用于输入标记的表单小组件。 它有一个弹出菜单，用于从现有标记中进行选择，包括自动完成和许多其他功能。
-
textarea
多行文本字段。 可用作传统文本区域字段的直接替换，并增加对自动调整大小的支持。
-
textbutton
TextButton提供了一个文本链接，该链接具有 CQ.Ext.Button.
-
textfield
基本文本字段。 可用作传统文本输入的直接替换，或用作更复杂输入控件(如 CQ.Ext.form.TextArea 和 CQ.Ext.form.ComboBox)。
-
缩略图
-
timefield
提供包含时间下拉列表和自动时间验证的时间输入字段。 用法示例：…
-
尖端
@xtype tip这是 CQ.Ext.QuickTip 和 CQ.Ext.Tooltip 提供所有基于提示的类所需的基本布局和定位。 此类可直接用于简单的静态定位笔尖。
-
titlesparator
向菜单添加分隔符栏，用于划分菜单项的逻辑组。 分隔符可附加携带标题。
-
工具栏
基本工具栏类。 尽管
defaultType，工具栏为button，工具栏元素（工具栏容器的子项目）几乎可以是任何类型的组件。 工具栏元素可以通过其构造函数显式创建。 -
工具提示
用于在将鼠标悬停在目标元素上时提供其他信息的标准工具提示实施。 @xtype工具提示。
-
树网格
@xtype树网格
-
树面板
TreePanel提供树结构化数据的树结构化用户界面表示。
-
触发器
为可添加可单击触发器按钮的TextFields提供了便捷的包装器（默认情况下类似于组合框）。 触发器没有默认操作，因此您必须分配一个函数以通过覆盖来实施触发器点击处理程序 onTriggerClick. 您可以直接创建TriggerField，因为它呈现的方式与组合框完全一样。
-
upladialog
UploadDialog允许用户将文件上传到存储库创建新的UploadDialog。
-
userinfo
工具栏项目，用于显示当前用户名并允许用户执行诸如编辑用户属性和模拟之类的操作。
-
视区
表示可查看的应用程序区域（浏览器视区）的专用容器。
“视区”(Viewport)将其自身呈现到文档主体中，并自动将其大小调整为浏览器视区的大小，并管理窗口大小调整。 只能创建一个视区。
-
窗口
专门面板，用作应用程序窗口。 窗子是浮的， 可调整和 拖动 默认情况下。 Windows可以 最大化 填充视区，恢复到其以前的大小，并且 最小化d.
-
xmlstore
用于创建的小帮助程序类 CQ.Ext.data.Store更轻松地从XML数据中获取。 XmlStore将自动配置为 CQ.Ext.data.XmlReader.
cqinclude 伪xtype，包含存储库中不同路径中的小组件定义。 它最常用于页面对话框。 此xtype没有实际的JavaScript小组件类。 它由CQ.Util类的formatData()函数处理。 有关更多信息，请参阅此知识库文章。