Contrôle PCF JSONViewForm
Le contrôle JSONViewForm PCF (Power Apps Component Framework) est conçu pour restituer dynamiquement les éléments de formulaire basés sur les données JSON. Il offre un moyen flexible de visualiser et d'interagir avec les données JSON dans Power Apps.
Caractéristiques
- Génère dynamiquement des éléments de formulaire basés sur des données JSON.
- Prend en charge différents types d'entrée pour les propriétés de chaîne, booléennes et numériques.
- Permet de filtrer les éléments du formulaire en fonction des propriétés sélectionnées.
- Met à jour les données JSON à mesure que l'utilisateur interagit avec les éléments du formulaire.
- Fournit une gestion des erreurs pour les entrées JSON non valides.
Installation
Pour utiliser le contrôle JSONViewForm PCF dans votre environnement Power Apps, procédez comme suit :
- Créez le contrôle PCF à l’aide du code source fourni. Ou téléchargez la solution à partir d'ici
- Importez la solution de contrôle dans votre environnement Power Apps.
- Ajoutez le contrôle à l’écran ou au formulaire de votre application souhaitée.
Usage
Paramètres
- JSONInput : L'entrée de données JSON utilisée pour générer dynamiquement le formulaire.
- SelectedProperties : (Facultatif) Liste de noms de propriétés séparés par des virgules à partir de l'entrée JSON. Si elles sont fournies, seules ces propriétés seront affichées sur le formulaire.
- FormFill : (Facultatif) La valeur de couleur pour l'arrière-plan du formulaire.
- InputFill : (Facultatif) La valeur de couleur pour l’arrière-plan d’entrée.
- HeadingsFontSize : (Facultatif) La taille de la police pour les en-têtes de formulaire.
- ValuesFontSize : (Facultatif) La taille de la police pour les valeurs du formulaire.
- HeadingsColor : (Facultatif) La couleur des en-têtes de formulaire.
- ValuesColor : (Facultatif) La couleur des valeurs d’entrée du formulaire.
- Marges : (Facultatif) Spécifie les marges du formulaire.
- Shadows : option Shadow pour les entrées de formulaire. Par défaut = Désactivé.
- Copier : Option de copie pour le formulaire JSON. Par défaut = Désactivé.
- Reset : Paramètre booléen pour réinitialiser le contrôle (ie UpdateContext({locResetForm: !locResetForm})).
- CurrentEvent : Output Propriété pour afficher l'événement de formulaire actuel (FormLoaded, FormReset, ValueChanged, JsonCopied).
- CurrentKey : Output Propriété pour afficher la clé actuelle modifiée.
- CurrentValue : Output Propriété pour afficher la valeur actuelle modifiée.
Exemple
import { IInputs , IOutputs } from "./generated/ManifestTypes" ;
import './style/JSONViewForm.css'
export class JSONViewForm implements ComponentFramework . StandardControl < IInputs , IOutputs > {
// Implementation details...
}
Contribuer
Les contributions au contrôle JSONViewForm PCF sont les bienvenues ! Pour contribuer, veuillez suivre ces étapes :
- Forkez le référentiel.
- Créez une nouvelle branche pour votre fonctionnalité ou votre correctif.
- Apportez vos modifications et testez minutieusement.
- Soumettez une pull request décrivant vos modifications.
Licence
Le contrôle JSONViewForm PCF est sous licence MIT.
Auteur
Ce contrôle PCF est rédigé par Shaheer Ahmad.