1 dépôt
Mechanisms for automatically updating the value or state of one form field based on the input of another.
Distinct from Template Field Renderers: None of the candidates describe bidirectional or reactive field-to-field data synchronization within a UI form.
Explore 1 awesome GitHub repository matching user interface & experience · Dynamic Field Syncing. Refine with filters or upvote what's useful.
JSON Editor est un framework d'interface utilisateur piloté par schéma et un éditeur basé sur le web utilisé pour générer des formulaires interactifs et valider des données JSON. Il traduit les spécifications JSON Schema en une hiérarchie d'éléments de formulaire HTML, permettant aux utilisateurs de manipuler des structures JSON complexes via une interface structurée plutôt que par du texte brut. Le framework se distingue par un système d'extension basé sur des plugins qui prend en charge des fonctions de résolution personnalisées et l'intégration d'éditeurs spécialisés, tels que WYSIWYG, Markdown et des éditeurs de code avec coloration syntaxique. Il emploie une résolution de schéma récursive pour gérer les définitions imbriquées et implémente une validation conditionnelle basée sur l'état en utilisant une logique if-then-else. Le projet fournit un large éventail de capacités, y compris la liaison de données bidirectionnelle, la gestion de la mise en page des tableaux et des objets pour les grilles et les onglets, et la synchronisation dynamique des champs via l'interpolation de template. Sa bibliothèque de composants couvre les entrées standard aux côtés d'outils spécialisés comme les sélecteurs de couleur, les sélecteurs de date-heure, les composants d'autocomplétion et les interfaces de téléchargement de fichiers. L'interface prend en charge la localisation des chaînes d'interface utilisateur et s'intègre à divers frameworks CSS pour découpler la génération de formulaires structurels du style visuel.
JSON Editor updates specific field values automatically based on other inputs using a JavaScript template engine.