Componentes condicionales

La pestaña Condicional del Diseñador de formularios te permite colocar condiciones en los componentes de tu formulario para ocultarlos o mostrarlos.

La pestaña Condicional tiene dos secciones:

• Simple
• Condiciones avanzadas

Condiciones simples

La sección Simple de la pestaña Condicional te permite ocultar o mostrar un componente en función del valor de otro componente.

La sección Simple consta de tres campos:

1. Este componente debe mostrarse ; en esta lista desplegable, elija:

   • Verdadero si desea condicionar el momento en que se muestra el componente.
   • Falso si desea condicionar el momento en el que se oculta el componente.
2. Cuando el componente del formulario : en esta lista desplegable, elija un componente del formulario para que actúe como condición.

3. Contiene el valor : introduzca el valor que condiciona el componente a mostrar u ocultar.

   
   

   

   
   

Condiciones avanzadas

La sección Condiciones avanzadas le permite usar código JavaScript para hacer combinaciones de condiciones.

La lógica avanzada anula los resultados de la lógica condicional simple.

En la sección Código JavaScript, introduce un código JavaScript personalizado.

A la variable Mostrar se le debe asignar un valor verdadero o falso . La variable de datos se utiliza para acceder a otros componentes del formulario a través de la clave API.

Tutorial

Condiciones simples

Para configurar una lógica de condición simple:

1. Abre el Diseñador de formularios en la actividad Crear formulario .

2. Arrastre y suelte componentes en su formulario. Para este ejemplo, arrastre y suelte lo siguiente:

   1. Dos componentes de Checkbox 2.2. Componente numérico 2.3. Un componente de campo de texto .

      Preste atención a las claves de campo de cada componente. Los necesita para crear su lógica condicional.
3. 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 3.2. Cuando el componente del formulario : elige el componente numérico de la lista desplegable.
   2. Tiene el valor : escriba el valor del componente numérico que condiciona el campo de texto a mostrar. 4. Guarde el componente.

Condiciones avanzadas

Para configurar una lógica de condición avanzada:

1. Abre el Diseñador de formularios en la actividad Crear formulario .

2. Arrastre y suelte componentes en su formulario. Para este ejemplo, arrastre y suelte lo siguiente:

   1. Dos componentes de Checkbox 2.2. Componente numérico 2.3. Un componente de campo de texto .

      Preste atención a las claves de campo de cada componente. Los necesita para crear su lógica condicional.
3. Navega hasta la pestaña Condicional del componente Número .
4. Haz clic en Condiciones avanzadas y ve a la sección de JavaScript.
5. Si quieres crear una condición, usa la variable show y asígnale una condición usando el signo de igual = . Utiliza la variable data.field_key_component para acceder a los datos en otros componentes del formulario.

   En este ejemplo, para mostrar el componente numérico , puede escribir este 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.

6. En este ejemplo, para ocultar el componente numérico , puede escribir este script:

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

7. 7. Guarde el componente.

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo o tener una referencia futura, descargue el ejemplo de XAML