JSON Editor
JSON Editor édite et contrôle un contenu JSON structuré. Le champ appartient à l’état, à la validation et au périmètre de soumission du formulaire.
1. Cas d’utilisation
Usages courants :
- Objets de configuration avancée
- Fragments de requête API
- Données éditables conservant la structure JSON
2. Ajouter et configurer
- Ajoutez JSON Editor 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 |
|---|---|
| Default Text | Définit la valeur initiale, le contenu ou le format du champ. |
| Help Text | Contrôle l’affichage du champ dans Design Preview et Runtime. |
| Full row | Contrôle l’affichage du champ dans Design Preview et Runtime. |
| Required | Active ou désactive ce comportement. |
| Visible When | Définit la forme des données de liaison, de soumission ou de réponse. |
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 à JSON Editor.
4. Valeur du formulaire et contrat backend
Valeur soumise : Une valeur JSON valide. Décidez si l’API reçoit du texte JSON ou un objet analysé.
{
"retry": 3,
"enabled": true
}
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 : La valeur appartient à l’état du Form ; seuls les événements visibles dans le panneau sont utilisables.
6. Recommandations
Conseils : Limitez la taille et appliquez échappement, nettoyage ou validation de schéma. N’exécutez jamais directement du code ou du HTML saisi.
Revenez à la présentation de Form pour la mise en page, la validation, la soumission, les brouillons et le protocole backend.