表单隐藏组件 (v1)

利用核心组件表单隐藏组件,可显示隐藏字段。

用途

利用核心组件表单隐藏组件可创建隐藏字段以将有关当前页面的信息传递回 AEM,并且此组件旨在与表单容器组件结合使用。

字段属性可由内容编辑者在“配置”对话框中定义。

版本和兼容性

本文档介绍了表单隐藏组件 (v1),它最初随带 AEM 6.3 的核心组件 1.0.0 版引入。

下表列出了表单隐藏组件 (v1) 的兼容性。

AEM 版本 表单隐藏组件 v1
6.3 兼容
6.4 兼容
注意

本文档介绍了表单隐藏组件 (v1)。

有关当前版本的表单隐藏组件的详细信息,请参阅表单隐藏组件文档。

示例组件输出

以下是摘自 We.Retail 的示例。

HTML

<div class="cmp cmp-form aem-GridColumn aem-GridColumn--default--12">
 <form method="POST" action="/content/we-retail/us/en/experience.html" id="new_form" name="new_form" enctype="multipart/form-data" class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">
  <input type="hidden" name=":formstart" value="/content/we-retail/us/en/experience/jcr:content/root/responsivegrid/container">
   <div class="visible aem-GridColumn aem-GridColumn--default--12">
    <input type="hidden" id="ghostToast" name="Invisible Toast" value="ghostToast">
   </div>
 </form>
</div>

JSON

"container": {
              "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
              "columnCount": 12,
              "gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12",
              ":items": {
                "hidden": {
                  "columnClassNames": "aem-GridColumn aem-GridColumn--default--12",
                  ":type": "weretail/components/form/hidden",
                  "name": "Invisible Toast",
                  "id": "ghostToast",
                  "value": "ghostToast"
                }
              },
              ":itemsOrder": [
                "hidden"
              ],
              ":type": "weretail/components/form/container"
            }
注意

从核心组件执行 JSON 导出需要版本 1.1.0 的核心组件。有关更多信息,请参阅核心组件 v1 的兼容性信息

“配置”对话框

利用“配置”对话框,内容作者可以定义隐藏字段的参数。

  • 名称 - 随表单数据一起提交的字段的名称
  • - 随表单数据一起提交的字段的值
  • 标识符 - 标识符应当在页面上是唯一的,并且可用于将脚本绑定到此表单字段

“设计”对话框

表单隐藏组件没有“设计”对话框。

技术详细信息

在 GitHub 上可找到有关表单隐藏组件的最新技术文档。

从 GitHub 可下载整个核心组件项目。

核心组件开发人员文档中可找到有关开发核心组件的其他详细信息。

在此页面上