使用xtype(经典UI) using-xtypes-classic-ui
本页介绍Adobe Experience Manager (AEM)可用的所有xtype。
在ExtJS语言中,xtype是指定给类的符号名称。 您可以阅读 ExtJS 2概述 以获取有关什么是xtype以及如何使用它的详细说明。
有关AEM中所有可用小组件的完整信息,请参见 构件API文档.
要了解在AEM中使用了给定xtype的组件,您可以在CRXDE中使用以下Xpath查询,方法是将“checkbox”替换为您感兴趣的xtype:
//element(*, cq:Widget)[@xtype='checkbox']
xtype xtypes
以下列出了Adobe Experience Manager中可用的xtype:
-
注释
“对话框”是一种特殊类型的窗口,正文中有一个表单,页脚中有一个按钮组。 它通常用于编辑内容,但也只能显示信息。
-
数组存储
以前称为“SimpleStore”。
用于创建的小帮助程序类 CQ.Ext.data.Stores更易于从阵列数据中获得。 ArrayStore自动配置有 cq.Ext.data.ArrayReader.
-
asseteditor
DAM管理中使用的资产编辑器。
-
assetreferencesearchdialog
CQ.wcm.AssetReferenceSearchDialog
AssetReferenceSearchDialog是一个对话框,在页面引用资产或标记时会弹出该对话框。
-
blueprintconfig
BlueprintConfig提供了一个面板,用于查看Blueprint的活动副本并编辑此Blueprint属性(同步触发器和同步操作)。
-
blueprintstatus
BlueprintStatus提供了一个面板来查看和编辑Blueprint及其Live Copies关系。 浏览是通过 CQ.wcm.msm.BlueprintStatus.Tree,编辑通过 CQ.wcm.msm.BlueprintConfig 和 CQ.wcm.msm.LiveCopyProperties.
-
框
任何的基类 组件 即按框大小,使用宽度和高度。
BoxComponent为调整大小和定位提供了自动的框模型调整,并在组件渲染模型中正常工作。
-
browsedialog
BrowseDialog允许用户浏览存储库以选择路径。 它通常通过 浏览字段.
-
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,从而可自动更新图表。 要更改图表的外观,请参阅 图表样式 和 额外样式 配置选项。
-
复选框
单个复选框字段。 可用作传统复选框字段的直接替换。
-
复选框组
分组容器 CQ.Ext.form.Checkbox 控件。
-
clearcombo
ClearableComboBox是一个不可编辑的组合框,带有用于清除其值的触发器。
-
colorfield
ColorField允许用户直接或使用 CQ.Ext.ColorMenu.
-
colorlist
ColorList允许用户从可编辑列表中选择颜色。
-
颜色菜单
包含 CQ.Ext.ColorPalette 组件。
-
调色板
用于选择颜色的简单调色板类。 面板可以呈现到任何容器中。
-
组合
支持自动完成、远程加载、寻呼和许多其他功能的组合框控件。
ComboBox的工作方式与传统HTML类似 <select> 字段。 不同之处在于要提交 valueField,您必须指定 hiddenName 创建隐藏输入。
-
组件
所有外部组件的基类。 组件的所有子类都可以参与创建、渲染和销毁的自动扩展组件生命周期,该生命周期由 容器 类。 组件可以通过添加到容器中 个项目 创建容器时的配置选项。
-
componentextractor
ComponentExtractor允许用户从网站/页面提取组件。
-
组件选择器
可用组件的分组、有序选择。
-
组件样式
-
compositefield
基于面板的复杂表单字段的基类,包括一个表单字段或一组表单字段。
-
容器
任何的基类 CQ.Ext.BoxComponent 可能包含其他组件。 容器处理包含项目的基本行为,即添加、插入和删除项目。
最常用的容器类包括 CQ.Ext.Panel, CQ.Ext.Window、和 CQ.Ext.TabPanel.
-
contentfinder
ContentFinder是一个专门化的两列式 视区 其中左侧包含实际的“内容查找器”,右侧包含内容框架。
-
contentfindertab
ContentFinderTab是一个专用面板,提供了在的选项卡面板中使用的功能。 CQ.wcm.ContentFinder. 通常,它配有搜索表单(查询框)和数据视图来显示搜索。
-
cq.workflow.model.combo
工作流模型组合是自定义的 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是一个小型帮助程序类,可轻松提供后退和前进按钮。 通常需要两个相关的实例:前进按钮实例是一个链接到后退按钮实例的简单按钮,用于处理历史记录。
-
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
LinkChecker是一种检查站点中外部链接的工具。
-
列表视图
CQ.Ext.list.ListView是一种快速而轻量级的 网格状 视图。
-
livecopyproperties
LiveCopyProperties提供了一个用于查看和编辑Live Copy属性(关系继承、同步触发器和同步操作)的面板。
-
lvbooleancolumn
呈现布尔数据字段的列定义类。 请参阅 xtype 配置选项 CQ.Ext.list.Column 以了解更多详细信息。
-
lvcolumn
此类封装列配置数据,以便在初始化 列表视图.
-
lvdatecolumn
根据默认区域设置或配置的呈现传递日期的列定义类 格式. 请参阅 xtype 配置选项 CQ.Ext.list.Column 以了解更多详细信息。
-
lvnumbercolumn
根据ID呈现数值数据字段的列定义类 格式 字符串。 请参阅 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.
-
段引用
段落引用字段允许您浏览页面并选择其中一个段落。 它由触发器字段和关联的段落浏览对话框组成。
-
密码
密码类似于 CQ.Ext.form.TextField 但将其值设为私人,允许用户输入敏感数据。
-
路径完成
已弃用:使用 CQ.form.PathField 相反
-
路径字段
PathField是专为路径完成路径设计的输入字段,也是用于打开 CQ.BrowseDialog 用于浏览服务器存储库。 它还可以浏览页面段落以生成高级链接。
-
进度
可更新的进度条组件。 进度条支持两种不同的模式:手动和自动。
在手动模式下,您负责显示、更新(通过 updateprogress),并根据需要从您自己的代码中清除进度条。 此方法最适合您想要显示进度的情况。
-
属性网格
一种专用网格实现,旨在模拟开发IDE中通常看到的传统属性网格。 网格中的每一行都表示某个对象的属性,数据作为一组名称/值对存储在中 CQ.Ext.grid.PropertyRecords.
-
propgrid
PropertyGrid是用于显示和编辑对象属性的通用网格。
-
quicktip
@xtype quicktip可在标记中指定并由全局自动管理的用于工具提示的专用工具提示类 CQ.Ext.QuickTips 实例。 有关其他用法的详细信息和示例,请参阅快速提示类标头。
-
无线电
单无线电场。 与复选框相同,但为便于自动设置输入类型而提供。 如果为组中的每个单选按钮指定相同的名称,则浏览器会自动处理单选按钮分组。
-
无线组
分组容器 CQ.Ext.form.Radio 控件。
-
引用对话框
“引用”对话框是一个用于在页面上显示引用的对话框。
-
restoretreedialog
RestoreTreeDialog是用于恢复树早期版本的对话框。
-
restoreversiondialog
RestoreVersionDialog是用于恢复页面的先前版本的对话框。
-
富文本
富文本提供了一个表单字段,用于编辑样式化文本信息(富文本)。
富文本组件当前提供以下功能:
-
rolloutplan
RolloutPlan提供了一个用于监视页面转出进度的对话框。 RolloutPlan由 CQ.wcm.msm.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
统计信息以图表形式显示页面展示。 利用小组件,可选择应显示统计数据的时间段。
-
存储
-
建议字段
SuggestField根据用户的输入为其提供建议。
-
切换器
切换器为控制台中的标题栏提供了一个按钮组,以便在“网站”、“数字资产”、“工具”、“工作流”和“安全性”之间切换。
-
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可以 最大化 以填充视区,恢复为原来的大小,并可以 最小化d.
-
xmlstore
用于创建的小帮助程序类 CQ.Ext.data.Store从XML数据更容易。 XmlStore自动配置有 cq.Ext.data.XmlReader.
cqinclude 包含来自存储库中不同路径的小组件定义的伪xtype。 它最常用于页面对话框。 此xtype没有实际的JavaScript构件类。 它由CQ.Util类的formatData()函数处理。 有关详细信息,请参阅此知识库文章。