使用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:
-
注释
“对话框”是一种特殊类型的窗口,正文中有一个表单,页脚中有一个按钮组。 它通常用于编辑内容,但也只能显示信息。
-
数组存储
以前称为“SimpleStore”。
小型helper类,可更轻松地从Array数据创建CQ.Ext.data.Store。 ArrayStore是使用CQ.Ext.data.ArrayReader自动配置的。
-
asseteditor
DAM管理中使用的资产编辑器。
-
assetreferencesearchdialog
CQ.wcm.AssetReferenceSearchDialog
AssetReferenceSearchDialog是一个对话框,在页面引用资产或标记时会弹出该对话框。
-
blueprintconfig
BlueprintConfig提供了一个面板,用于查看Blueprint的活动副本并编辑此Blueprint属性(同步触发器和同步操作)。
-
blueprintstatus
BlueprintStatus提供了一个面板来查看和编辑Blueprint及其Live Copies关系。 通过CQ.wcm.msm.BlueprintConfig和CQ.wcm.msm.LiveCopyProperties的CQ.wcm.msm.BlueprintStatus.Tree版本完成浏览。
-
框
要使用宽度和高度调整为框大小的任何组件的基类。
BoxComponent为调整大小和定位提供了自动的框模型调整,并在组件渲染模型中正常工作。
-
browsedialog
BrowseDialog允许用户浏览存储库以选择路径。 它通常通过BrowseField使用。
-
browsefield
已弃用:请改用CQ.form.PathField
-
批处理程序
BulkEditor提供了用于编辑搜索结果的搜索引擎和网格。
必须将BulkEditor插入到HTML表单中(导入功能所必需的)。 这完全适用于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
ClearableComboBox是一个不可编辑的组合框,带有用于清除其值的触发器。
-
colorfield
ColorField允许用户直接或使用CQ.Ext.ColorMenu输入颜色十六进制值。
-
colorlist
ColorList允许用户从可编辑列表中选择颜色。
-
颜色菜单
包含CQ.Ext.ColorPalette组件的菜单。
-
调色板
用于选择颜色的简单调色板类。 面板可以呈现到任何容器中。
-
组合
支持自动完成、远程加载、寻呼和许多其他功能的组合框控件。
ComboBox的工作方式与传统HTML<select>字段类似。 不同之处在于,要提交valueField,您必须指定hiddenName以创建隐藏的输入。
-
组件
所有外部组件的基类。 组件的所有子类都可以参与由Container类提供的创建、渲染和销毁的自动扩展组件生命周期。 创建容器时,可以通过项配置选项将组件添加到容器中。
-
componentextractor
ComponentExtractor允许用户从网站/页面提取组件。
-
组件选择器
可用组件的分组、有序选择。
-
组件样式
-
compositefield
基于面板的复杂表单字段的基类,包括一个表单字段或一组表单字段。
-
容器
任何可能包含其他组件的CQ.Ext.BoxComponent的基类。 容器处理包含项目的基本行为,即添加、插入和删除项目。
最常用的Container类是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元素的菜单。 该按钮在单击时自动循环显示每个菜单项,从而引发该按钮的change事件(或调用该按钮的changeHandler函数(如果提供))。
-
数据视图
一种使用自定义布局模板和格式显示数据的机制。 DataView使用CQ.Ext.XTemplate作为其内部模板机制,并绑定到CQ.Ext.data.Store,以便在存储中的数据更改时,视图会自动更新以反映这些更改。
-
datefield
提供包含CQ.Ext.DatePicker下拉菜单和自动日期验证的日期输入字段。
-
日期菜单
包含CQ.Ext.DatePicker组件的菜单。
-
日期选取器
弹出式日期选取器。 此类由DateField类用于允许浏览和选择有效日期。
-
日期时间
日期时间允许用户通过组合CQ.Ext.form.DateField和CQ.Ext.form.TimeField来输入日期和时间。
-
对话框
该对话框是一个特殊窗口,正文中有一个表单,页脚中有一个按钮组。 它通常用于编辑内容,但也只能显示信息。
-
dialogfieldset
-
directstore
用于创建配置了CQ.Ext.data.DirectProxy和CQ.Ext.data.JsonReader的CQ.Ext.data.Store的小型帮助程序类,以便更轻松地与CQ.Ext.Direct服务器端Provider交互。
-
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是一个小型帮助程序类,可轻松提供后退和前进按钮。 通常需要两个相关的实例:前进按钮实例是一个链接到后退按钮实例的简单按钮,用于处理历史记录。
-
htmleditor
提供轻量级HTML编辑器组件。 Safari不支持某些工具栏功能,在需要时会自动隐藏这些功能。 在适当的情况下,这些内容会在配置选项中说明。
编辑器的工具栏按钮在buttonTips属性中定义了工具提示。
-
iframedialog
显示iframe内容并允许iframe中表单的简单对话框。
-
iframepanel
包含iframe的面板。 可轻松创建iframe、iframe加载事件和访问iframe的内容。
-
inlinetextfield
InlineField是一个文本字段,当焦点不在时显示为标签。
-
jsonstore
小型helper类,可简化从JSON数据创建CQ.Ext.data.Store的过程。 JsonStore自动配置了CQ.Ext.data.JsonReader。
-
标签
基本标签字段。
-
languagecopydialog
LanguageCopyDialog是用于复制语言树的对话框。
-
linkchecker
LinkChecker是一种检查站点中外部链接的工具。
-
列表视图
CQ.Ext.list.ListView是类似网格的视图的快速轻量实现。
-
livecopyproperties
LiveCopyProperties提供了一个用于查看和编辑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是用于浏览媒体库的对话框。
-
菜单
菜单对象。 这是可向其添加菜单项的容器。 当您希望基于其他组件(例如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,因此面板为。
-
段引用
段落引用字段允许您浏览页面并选择其中一个段落。 它由触发器字段和关联的段落浏览对话框组成。
-
密码
密码类似于CQ.Ext.form.TextField,但其值保持私有,允许用户输入敏感数据。
-
路径完成
已弃用:请改用CQ.form.PathField
-
路径字段
PathField是为路径完成路径设计的输入字段,以及用于打开CQ.BrowseDialog以浏览服务器存储库的按钮。 它还可以浏览页面段落以生成高级链接。
-
进度
可更新的进度条组件。 进度条支持两种不同的模式:手动和自动。
在手动模式下,您负责显示、更新(通过updateProgress)并根据需要从您自己的代码中清除进度条。 此方法最适合您想要显示进度的情况。
-
属性网格
一种专用网格实现,旨在模拟开发IDE中通常看到的传统属性网格。 网格中的每一行都表示某个对象的属性,该数据在CQ.Ext.grid.PropertyRecords中存储为一组名称/值对。
-
propgrid
PropertyGrid是用于显示和编辑对象属性的通用网格。
-
quicktip
@xtype快速提示可在标记中指定并由全局CQ.Ext.QuickTips实例自动管理的工具提示的专用工具提示类。 有关其他用法的详细信息和示例,请参阅快速提示类标头。
-
无线电
单无线电场。 与复选框相同,但为便于自动设置输入类型而提供。 如果为组中的每个单选按钮指定相同的名称,则浏览器会自动处理单选按钮分组。
-
无线组
CQ.Ext.form.Radio控件的分组容器。
-
引用对话框
“引用”对话框是一个用于在页面上显示引用的对话框。
-
restoretreedialog
RestoreTreeDialog是用于恢复树早期版本的对话框。
-
restoreversiondialog
RestoreVersionDialog是用于恢复页面的先前版本的对话框。
-
富文本
富文本提供了一个表单字段,用于编辑样式化文本信息(富文本)。
富文本组件当前提供以下功能:
-
rolloutplan
RolloutPlan提供了一个用于监视页面转出进度的对话框。 RolloutPlan由CQ.wcm.msm.RolloutWizard启动。
-
rolloutwizard
RolloutWizard提供用于转出页面的向导。 RolloutWizard启动CQ.wcm.msm.RolloutPlan。
-
searchfield
SearchField提供了一个搜索字段,该字段在可用于搜索存储库的下拉列表中提供结果。
-
选择
通过选择项,用户可在多个选项之间进行选择。 这些选项可以是配置的一部分,也可以从JSON响应加载。 所选内容可以呈现为下拉列表(select)或组合框(select plus free text entry)。
-
sidekick
Sidekick是一个浮动辅助函数,为用户提供用于编辑页面的常用工具。
-
siteadmin
SiteAdmin是一个提供WCM管理功能的控制台。
-
Siteimporter
站点导入器允许用户导入完整的网站并创建初始项目。
-
sizefield
SizeField允许用户输入宽度和高度(例如,图像的宽度和高度)。
-
滑块
支持垂直或水平方向、键盘调整、可配置的对齐、轴单击和动画的滑块。 可以作为项目添加到任何容器中。 用法示例: …
-
幻灯片
幻灯片放映提供了一个组件,该组件可用于定义和编辑一组可以视为幻灯片放映的图像和图像标题。
幻灯片放映组件基于CQ.form.SmartImage组件。
-
smartfile
SmartFile是一种智能文件上载程序。
如果安装了Flash插件(版本>= 9),则使用SWFupload库执行上载,这为处理上载提供了一种便捷的方法。
-
smartimage
SmartImage是一种智能图像上传程序。 它提供用于处理上传图像的工具,例如,定义图像映射的工具和图像裁剪器。
该组件设计为可在单独的对话框选项卡上使用。
-
分隔条
用于在布局中提供较大的空间。
-
旋转扭曲
旋转图标是用于数字、日期或时间值的触发器字段。 通过使用提供的上触发器和下触发器、滚轮或按键,可以增加和减小该值。
-
拆分按钮
一个拆分按钮,它提供了一个内置的下拉箭头,该箭头可以独立于按钮的默认点击事件单独触发事件。 通常,这将用于显示一个下拉菜单,为主按钮操作提供其他选项,但任何自定义处理程序都可以提供箭头点击实施。
-
静态
“静态”可用于显示任意文本或HTML。
-
statistics
统计信息以图表形式显示页面展示。 利用小组件,可选择应显示统计数据的时间段。
-
存储
Store类封装了记录对象的客户端缓存,这些对象为GridPanel、ComboBox或DataView等组件提供输入数据。
-
建议字段
SuggestField根据用户的输入为其提供建议。
-
切换器
切换器为控制台中的标题栏提供了一个按钮组,以便在“网站”、“数字Assets”、“工具”、“工作流”和“安全性”之间切换。
-
tableedit
已弃用:请改用CQ.form.TableEdit2。
-
tableedit2
TableEdit2提供了用于创建表的构件。
-
表格面板
基本选项卡容器。 TabPanels的使用方式与标准CQ.Ext.Panel的使用方式完全一样,可用于布局目的,但对于包含子组件(
items
)也有特殊支持。 -
标记
code language-none CQ.tagging.TagInputField
是用于输入标记的表单构件。 它有一个弹出菜单,用于从现有标记中进行选择,包括自动完成和许多其他功能。
-
文本区域
多行文本字段。 可用作传统文本区域字段的直接替代项,并增加了对自动调整大小的支持。
-
文本按钮
TextButton提供具有CQ.Ext.Button功能的文本链接。
-
textfield
基本文本字段。 可用作传统文本输入的直接替换,或用作更复杂的输入控件(如CQ.Ext.form.TextArea和CQ.Ext.form.ComboBox)的基类。
-
缩略图
-
时间字段
提供带有时间下拉列表和自动时间验证的时间输入字段。 用法示例: …
-
提示
@xtype提示:这是CQ.Ext.QuickTip和CQ.Ext.Tooltip的基类,它提供了所有基于提示的类所需的基本布局和定位。 此类可直接用于简单的静态定位刀尖。
-
标题分隔符
在菜单中添加分隔条,用于划分菜单项的逻辑组。 分隔符还可以带有标题。
-
工具栏
基本工具栏类。 尽管工具栏的
defaultType
为button
,但工具栏元素(工具栏容器的子项)实际上可能是任何类型的组件。 工具栏元素可以通过其构造函数显式创建。 -
工具提示
一种标准工具提示实施,用于在将鼠标悬停在目标元素上时提供其他信息。 @xtype工具提示。
-
treegrid
@xtype treegrid
-
树皮纸
TreePanel提供树结构数据的树结构UI表示形式。
-
触发器
为TextFields提供了一个方便的包装器,用于添加可单击的触发器按钮(默认情况下看起来像组合框)。 触发器没有默认操作,因此您必须通过覆盖onTriggerClick来分配一个函数以实施触发器点击处理程序。 您可以直接创建TriggerField,因为它将像组合框一样呈现。
-
上传
UploadDialog允许用户将文件上载到存储库创建新的UploadDialog。
-
用户信息
工具栏项,以显示当前用户名并允许用户操作,如编辑用户属性和模拟。
-
视区
表示可查看的应用程序区域(浏览器视区)的专用容器。
视区将其自身呈现到文档正文中,并自动将其自身调整为浏览器视区的大小并管理窗口大小调整。 只能创建一个视区。
-
window
专门用作应用程序窗口的面板。 Windows已浮动,可调整大小,默认情况下为可拖动。 Windows可以最大化以填充视区,还原到其以前的大小,并且可以是最小化天。
-
xmlstore
帮助程序类较小,更易于从XML数据创建CQ.Ext.data.Store。 XmlStore是使用CQ.Ext.data.XmlReader自动配置的。
cqinclude Pseudo xtype包含来自存储库中不同路径的小组件定义。 它最常用于页面对话框。 此xtype没有实际的JavaScript构件类。 它由CQ.Util类的formatData()函数处理。 有关详细信息,请参阅此知识库文章。