Validação de contêiner

Informações em segundo plano

You can use a container's isValid property to check the input validation for all controls inside the container.

Isso é mais fácil, pois não é mais necessário mencionar cada controle individualmente ao criar seu aplicativo.

Neste exemplo vamos construir um formulário simples com cinco controles dentro de um único container:

• Two textboxes: one called Name, and a second one called Email (input type Email).
• One datepicker called Date of birth.
• One dropdown list called Area.
• One button called Submit.

Etapas

1. Abra seu aplicativo existente ou inicie um novo.
2. Adicione um contêiner ao seu aplicativo.
3. Add a Textbox control inside the container.
   • Rename it Name and add Name in the Label property.
   • Add =true in the Required property.
4. Add a Datepicker control inside the container.
   • Rename it Date of birth and add Date of birth in the Label property.
5. Add a second Textbox control inside the container.
   • Select Email as Input type.
   • Rename it Email and add Name in the Label property.
   • Add =true in the Required property.
   • Add @company.com in the Allow domain property.
6. Add a Dropdown control inside the container.
   • Rename it Area and add Name in the Area property.
   • Add the following in the List source property: =["rural", "urban"].
   • Add =true in the Required property.
7. Add a Button control outside the container.
   • Rename it Submit.
   • Add the following in the Disabled property: !Container.isValid.

Resultados do procedimento

Após seguir todas as etapas acima, você pode visualizar seu aplicativo.

Enquanto estiver visualizando o aplicativo, o botão Enviar estará desabilitado. O botão só estará habilitado quando os campos Nome,E-mail (incluindo o domínio @company.com correto) e Área estiverem preenchidos.