核心组件表单按钮组件允许在表单中包含按钮字段以触发操作。
核心组件表单按钮组件允许创建按钮字段,通常用于触发表单的提交,并准备与表单容器组件一起使用。
按钮属性可由配置对话框中的内容编辑器定义。
本文档描述了最初随AEM 6.3的核心组件版本1.0.0引入的表单按钮组件的v1。
下表列表了“表单按钮”组件v1的兼容性。
AEM 版本 | 表单按钮组件v1 |
---|---|
6.3 | 兼容 |
6.4 | 兼容 |
本文档描述表单按钮组件的v1。
有关表单按钮组件的当前版本的详细信息,请参阅表单按钮组件文档。
以下是从We.Retail取的示例。
<div class="cmp cmp-button aem-GridColumn aem-GridColumn--default--12">
<div class="cmp cmp-button">
<button type="BUTTON" class="btn btn-action btn-primary" name="loveToast" value="ILoveToast">
Click here if you love toast!
</button>
</div>
</div>
"container": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
"columnCount": 12,
"gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12",
":items": {
"button": {
"columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
":type": "weretail/components/form/button",
"name": "loveToast",
"jcr:title": "Click here if you love toast!",
"type": "submit",
"value": "ILoveToast"
}
},
":itemsOrder": [
"button"
],
":type": "weretail/components/form/container"
}
从核心组件导出JSON时,需要1.1.0版的核心组件。 有关详细信息,请参阅核心组件v1](/docs/experience-manager-core-components/versions.html?lang=zh-Hans)的[兼容性信息。
配置对话框允许内容作者定义按钮的参数。
类型
标题 -按钮上显示的文本
名称 -随表单数据提交的按钮的名称
值 -随表单数据一起提交的按钮的值
表单按钮组件没有设计对话框。
有关表单按钮组件的最新技术文档可在GitHub上找到。
整个核心组件项目可从GitHub下载。
有关开发核心组件的更多详细信息,请参阅核心组件开发人员文档。