Componentes condicionais

A guia Condicional no Form Designer permite que você coloque condições em componentes em seu formulário, para ocultá-los ou exibi-los.

A guia Condicional tem duas seções:

• Simple
• Condições Avançadas

Condições simples

A seção Simples da guia Condicional permite ocultar ou exibir um componente com base no valor de outro componente.

A seção Simples consiste em três campos:

1. Este componente deve ser exibido - nesta lista suspensa, escolha:

   • True se você deseja condicionar quando o componente for exibido.
   • False se você quiser condicionar quando o componente for ocultado.
2. Quando o componente de formulário - nesta lista suspensa, escolha um componente no formulário para atuar como uma condição.

3. Tem o valor - digite o valor que condiciona o componente quando exibir ou ocultar.

   
   

   

   
   

Condições Avançadas

A seção Condições Avançadas permite que você use o código JavaScript para fazer combinações de condições.

A lógica avançada substitui os resultados da lógica condicional simples.

Na seção Código JavaScript, insira um código JavaScript personalizado.

A variável show deve receber um valor verdadeiro ou falso . A variável data é utilizada para acessar outros componentes do formulário, através da chave API.

Tutorial

Condições simples

Para configurar uma lógica de condição simples:

1. Abra o Form Designer na atividade Create Form .

2. Arraste e solte componentes em seu formulário. Para este exemplo, arraste e solte o seguinte:

   1. Dois componentes Checkbox 2.2. Componente de um número 2.3. Um componente Campo de texto .

      Preste atenção nas chaves de campo de cada componente. Você precisa deles para criar sua lógica condicional.
3. Navegue até a guia Condicional do componente Campo de texto e vá para a seção Simples .
   1. Este componente deve ser exibido - escolha Verdadeiro na lista suspensa. Isso cria a condição sob a qual o componente Campo de texto é exibido. Se você deseja ocultar o componente, escolha Falso 3.2. Quando o componente de formulário - escolha o componente Número na lista suspensa.
   2. Tem o valor - digite o valor do componente Número que condiciona a exibição do Campo de Texto. 4. Salve o componente.

Condições Avançadas

Para configurar uma lógica de condição avançada:

1. Abra o Form Designer na atividade Create Form .

2. Arraste e solte componentes em seu formulário. Para este exemplo, arraste e solte o seguinte:

   1. Dois componentes Checkbox 2.2. Componente de um número 2.3. Um componente Campo de texto .

      Preste atenção nas chaves de campo de cada componente. Você precisa deles para criar sua lógica condicional.
3. Navegue até a guia Condicional do componente Número .
4. Clique em Condições avançadas e vá para a seção JavaScript.
5. Se você deseja criar uma condição, use a variável show e atribua uma condição a ela usando o sinal de igual = . Use a variável data.field_key_component para acessar os dados em outros componentes do formulário.

   Para este exemplo, para exibir o componente Number , você pode digitar este script:

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

   Se quiser ocultar um componente sob uma condição, coloque um ponto de exclamação ! após o sinal de igual = e antes da condição.

6. Para este exemplo, para ocultar o componente Number , você pode digitar este script:

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

7. 7. Salve o componente.

Fluxo de trabalho amostral

Para verificar o fluxo de trabalho completo ou para ter uma referência futura, baixe o exemplo do XAML