Masquage dynamique d'un champ

Type de déclencheur : Type d' Actions simples : Propriété

Cette logique avancée masque un champ de formulaire (c'est-à-dire le Child field) lorsque l'utilisateur saisit « masquer » dans un autre champ de formulaire (c'est-à-dire, Parent field).

1. Ouvrez ou créez un fichier de formulaire dans Studio.
2. Ajoutez deux composants Champ de texte (Text Field ).
3. Nommez l'un des composants de champ de texte Parent fieldet l'autre Child field. Faites attention à leurs noms de propriété ( Property Names) lorsque vous les utilisez dans votre logique avancée.
4. Accédez à l'onglet Logique du composant Child field .
5. Ajoutez une logique et nommez-la "hide input".
6. Sélectionnez le type de déclencheur simple .
   1. À partir du menu déroulant Lorsque le composant de formulaire , sélectionnez Parent field ({parentField_property_name}).
   2. Dans le champ A la valeur ( Has the value ), entrez "hide".
      La configuration ci-dessus détecte si l'utilisateur a saisi la chaîne "hide" dans le champ parent et déclenche les Actions pour masquer le champ enfant.
7. Ajoutez une action et nommez-la "hide".
8. Sélectionnez le type Actions de propriété ( Property Actions ).
   1. Dans le menu déroulant Propriété du composant ( Component Property ), sélectionnez Masqué ( Hidden) .
   2. Dans le menu déroulant Définir l' état (Set State ), sélectionnez Vrai(True).
9. Enregistrez l'action et la logique.
10. Enregistrez le composant.

Au moment du Runtime, si l'utilisateur professionnel saisit "hide" dans le champ parent, le champ enfant est masqué.