Componentes condicionales

Para hacer que tus formularios sean dinámicos, puedes utilizar la pestaña Condicional de un componente del formulario. Ahí puede aplicar las condiciones que se mostrarán en Runtime. Puede aplicar dos tipos de condiciones:

• Condiciones simples
• Condiciones avanzadas

Condiciones simples

Este tutorial muestra cómo crear condiciones simples en un componente de formulario.

1. Abra su archivo de formulario en Studio y agregue componentes.
   Para este ejemplo, añada los siguientes componentes:

   • Dos casillas de verificación.
   • Un solo número.
   • Un solo campo de texto.
2. Navega hasta la pestaña Condicional del componente Campo de texto y ve a la sección Simple .
   1. Este componente debe mostrarse : elija Verdadero en la lista desplegable. Esto crea la condición en la que se muestra el componente Campo de texto. Si desea ocultar el componente, elija Falso
   2. Cuando el componente del formulario : elige el componente numérico de la lista desplegable.
   3. Tiene el valor : escriba el valor del componente numérico que condiciona el campo de texto a mostrar.
   
   

   

   
   
3. Guarde el componente.

Para ver cómo se comporta la condición simple, mire el siguiente vídeo:

Condiciones avanzadas

Este tutorial muestra cómo crear condiciones avanzadas en un componente de formulario.

Importante: las condiciones avanzadas anulan las condiciones simples.

1. Abra su archivo de formulario en Studio y agregue componentes. Puede utilizar el mismo archivo de formulario que utilizó para probar las condiciones simples.
   Para este ejemplo, añada los siguientes componentes:

   • Dos casillas de verificación.
   • Un número.
   • Un solo campo de texto.
2. Navega hasta la pestaña Condicional del componente Número .
3. Haz clic en Condiciones avanzadas y ve a la sección de JavaScript .
4. Si quieres mostrar la condición en Runtime, comienza tu condición con la variable booleana show . Usa la variable data y el Nombre de propiedad para acceder a los datos en otros componentes del formulario.

   En este ejemplo, para mostrar el componente numérico , puede escribir el siguiente script:

   show = (data.checkbox1 === true && data.checkbox === true)

   
   

   

   
   

Si desea ocultar un componente bajo una condición, ponga un signo de exclamación ! después del signo de igual = y antes de la condición.

Para ver cómo se comporta la condición avanzada, mire el siguiente vídeo: