Show Menu
TOPICS×

Componente oculto de formulario

El componente Formulario de componente principal oculto permite la visualización de un campo oculto.

Uso

El componente Oculto del formulario de componente principal permite crear campos ocultos para devolver a AEM la información sobre la página actual y está diseñado para utilizarse junto con el componente contenedor de formularios.
El editor de contenido puede definir las propiedades del campo en el cuadro de diálogo Componente oculto de formulario configurar.

Versión y compatibilidad

La versión actual del componente Formulario oculto es v2, que se introdujo con la versión 2.0.0 de los componentes principales en enero de 2018 y se describe en este documento.
En la tabla siguiente se detallan todas las versiones compatibles del componente, las versiones de AEM con las que las versiones del componente son compatibles y los vínculos a la documentación de versiones anteriores.
Versión del componente
AEM 6.3
AEM 6.4
AEM 6.5
v2
Compatible
Compatible
Compatible
Compatible
Compatible
Compatible
Para obtener más información sobre las versiones y versiones de los componentes principales, consulte el documento Versiones de componentes principales.

Ejemplo de salida de componente

El siguiente es un ejemplo tomado de 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" }

Detalles técnicos

La documentación técnica más reciente sobre el componente oculto de formulario puede encontrarse en GitHub .
Encontrará más detalles sobre el desarrollo de los componentes principales en la documentación para desarrolladores de los componentes principales.

Configurar cuadro de diálogo

El cuadro de diálogo de configuración permite al autor del contenido definir los parámetros del campo oculto.
  • Nombre
    El nombre del campo, que se envía con los datos del formulario
  • Valor
    El valor del campo, que se envía con los datos del formulario
  • Identificador
    El identificador debe ser único en la página y puede utilizarse para enlazar secuencias de comandos a este campo de formulario
Dado que el componente Formulario oculto normalmente no tiene atributos visibles, el marcador de posición del componente en el editor muestra los valores de campo
Nombre
y
Valor
si están asignados para ayudar al autor a identificar el componente Formulario oculto apropiado.

Cuadro de diálogo Diseño

No hay ningún cuadro de diálogo de diseño para el componente Formulario oculto.