Tree Select
Tree Select sélectionne des nœuds dans un arbre extensible et interrogeable. Le champ appartient à l’état, à la validation et au périmètre de soumission du formulaire.
1. Cas d’utilisation
Usages courants :
- Arbres d’organisation ou de répertoire
- Catégories produit multiniveaux
- Hiérarchies à sélection multiple
2. Ajouter et configurer
- Ajoutez Tree Select dans la zone Fields d’une Form Section.
- Définissez un Field Key / Name stable et unique, identique à la propriété du DTO backend.
- Configurez les propriétés ci-dessous, puis Required, Help Text, Full row ou les conditions selon le besoin.
- Vérifiez la valeur initiale et la mise en page dans Design Preview, puis testez le parcours avec Validate / Submit.
3. Propriétés principales
| Propriété | Rôle |
|---|---|
| Data Source | Définit la source des données sélectionnables et leur mappage. |
| Multiple Selection | Active ou désactive ce comportement. |
| Select Box Mode | Active ou désactive ce comportement. |
| Search Field Key | Définit la forme des données de liaison, de soumission ou de réponse. |
| Expand all tree nodes by default | Active ou désactive ce comportement. |
Les propriétés communes Field Key, Required, Help Text, Full row et Visible When proviennent du contrat de champ Form. Le tableau met en avant les réglages propres à Tree Select.
4. Valeur du formulaire et contrat backend
Valeur soumise : Une valeur stable en mode simple, ou un tableau de valeurs en mode multiple.
"dept-engineering"
["dept-engineering", "dept-product"]
L’exemple montre uniquement la forme des données. L’API doit toujours valider le type, les limites et les autorisations du DTO métier.
5. Validation, conditions et interactions
Tous les champs peuvent utiliser Required, Visible When, Disabled When, Required When, Dependencies et Clear When Hidden. Ces conditions améliorent l’interface mais ne remplacent jamais la validation ni les autorisations du backend.
Capacités du composant : Prend en charge onChange afin de poursuivre une Page Interaction après la sélection.
6. Recommandations
Conseils : Conservez des valeurs stables pour les enums ou identifiants backend. Les libellés peuvent être traduits mais ne sont pas des clés métier.
Revenez à la présentation de Form pour la mise en page, la validation, la soumission, les brouillons et le protocole backend.