Componente Formulario oculto (versión 1) form-hidden-component-v
El componente principal Formulario oculto permite ver un campo oculto.
Uso usage
El componente principal Formulario oculto 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 formulario.
El editor de contenido puede definir las propiedades del campo en el cuadro de diálogo de configuación.
Versión y compatibilidad version-and-compatibility
Este documento describe la versión 1 del componente Formulario oculto, introducido originalmente con la versión 1.0.0 de los componentes principales con AEM 6.3.
La siguiente tabla enumera la compatibilidad de la versión 1 del componente Formulario oculto.
Salida del componente de ejemplo sample-component-output
El siguiente es un ejemplo tomado de We.Retail.
HTML 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 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"
}
Cuadro de diálogo de configuración configure-dialog
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 se puede utilizar para vincular secuencias de comandos a este campo de formulario
Cuadro de diálogo de diseño design-dialog
No hay ningún cuadro de diálogo de diseño para el componente Formulario oculto.
Detalles técnicos technical-details
La documentación técnica más reciente sobre el componente Formulario oculto se encuentra en GitHub.
Todo el proyecto de componentes principales se puede descargar desde GitHub.
Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.