Partager via


Ajouter des composants de code à une colonne ou une table dans des applications pilotées par modèle

Les composants de code vous permettent de transformer des colonnes contenant traditionnellement du texte en visualisations. De même, vous pouvez utiliser les composants de code pour transformer des jeux de données, tels qu’une vue, pour l’afficher sous un rendu plus visuel plutôt que sous la forme d’une liste d’enregistrements. Les composants personnalisés peuvent apparaître sous forme de visualisations dans les formulaires, les tableaux de bord, les vues et les grilles de la page d’accueil.

Contrôle personnalisé de curseur.

Ajouter un composant de code à une colonne

La procédure suivante ci-dessous va modifier l’étiquette et la colonne de zone de texte par défaut de la colonne Montant budgétaire en composant de code de curseur sur la table Opportunité. Vous pouvez effectuer la même procédure pour remplacer une colonne existant par un composant de code ou pour configurer un composant de code pour une colonne personnalisée.

  1. Accédez à Paramètres > Personnalisations > Personnaliser le système.

  2. Développez Entités, développez la table voulue, comme la table Opportunité, sélectionnez Formulaires, puis ouvrez un formulaire, par exemple le formulaire Principal.

  3. Dans l’éditeur de formulaires, double-cliquez sur la colonne où vous souhaitez ajouter un composant de code, par exemple la colonne Montant budgétaire sur le formulaire principal de l’opportunité. Vous pouvez également créer une colonne personnalisée.

  4. Sélectionnez l’onglet Contrôles dans la page Propriétés du champ, puis sélectionnez Ajouter un contrôle.

  5. Dans la page Ajouter un contrôle, sélectionnez le composant de votre choix, tel que le composant Curseur linéaire, puis sélectionnez Ajouter.

    Ajouter un contrôle de curseur linéaire.

  6. Sélectionnez le client où vous souhaitez afficher le composant.

    • Web. Pour rendre le composant de code disponible à partir de n’importe quel navigateur Web, sélectionnez l’option Web à côté du composant. Notez que le choix de l’option Web comprend l’affichage du composant dans les navigateurs Web sur PC, Mac et appareils mobiles.

    • Téléphone : Pour rendre le composant de code disponible sur les téléphones qui exécutent Dynamics 365 pour téléphones, sélectionnez l’option Téléphone à côté du composant.

    • Tablette. Pour rendre le composant de code disponible sur les tablettes qui exécutent Dynamics 365 pour tablettes, sélectionnez l’option Tablette à côté du composant.

    Sélectionner les applications client pour afficher le contrôle personnalisé.

  7. Sélectionnez l’icône de crayon en regard de Min, Max et Étape, définissez l’option de la propriété, puis sélectionnez OK.

    Ajouter les propriétés du contrôle personnalisé.

    • Min. Définissez la valeur minimum acceptée. Vous pouvez associer une valeur statique que vous entrez ou associer la valeur à une colonne existante. Dans cet exemple, Associer à une valeur statique est Devise et la valeur minimale pouvant être entrée est zéro.

      • Associer à une valeur statique. Sélectionnez le type de données, tel que nombre entier (Whole.None), devise, virgule flottante (FP), ou décimal. Ensuite, entrez un nombre qui représente la valeur acceptée minimale pour la colonne.

      • Associer des valeurs à un champ. Sélectionnez une colonne dans la liste, qui sera utilisée comme valeur minimum acceptée.

    • Max. Définissez la valeur maximum acceptée de la colonne. Comme pour la valeur minimale, vous pouvez associer une valeur statique que vous entrez ou associer la valeur à une colonne existante, comme décrit précédemment. Dans cet exemple, Associer à une valeur statique est Devise et la valeur maximale pouvant être entrée est 1 million.

    • Étape. Cela représente l’unité d’incrémentation ou décrémentation lors d’une addition ou d’une soustraction à la valeur actuelle. Par exemple, pour le montant du budget vous pouvez sélectionner des valeurs d’incrémentation ou de décrémentation de 100 euros.

    • Masquer le contrôle par défaut. Masque le composant ; ainsi, ni le composant ni les données ne s’affichent dans aucun des clients qui ne prennent pas en charge le composant de code.

  8. Sélectionnez OK pour fermer la page Propriétés du champ.

  9. Pour activer la personnalisation, sélectionnez Enregistrer, puis Publier dans le formulaire de table.

  10. Sélectionnez Enregistrer et fermer pour fermer l’éditeur de formulaires.

Ajouter un composant de code à une table

Pour ajouter un composant de code personnalisé tels qu’un composant de jeu de données ou un composant de tableau simple à une grille ou à une vue, suivez les étapes ci-dessous :

  • Accédez à Paramètres > Personnalisations et cliquez sur Personnaliser le système.
  • Cliquez sur la flèche en regard de l’onglet Entités et sélectionnez la table à laquelle ajouter le composant de code.
  • Cliquez sur l’onglet Contrôles et cliquez sur Ajouter un contrôle.
  • Dans la page Ajouter un contrôle, sélectionnez le composant de votre choix, tel que le composant Tableau simple, puis sélectionnez Ajouter.
  • Sélectionnez le client où vous souhaitez afficher le composant.

Voir le composant de code en action

Ouvrez un enregistrement contenant la colonne dotée du composant de code, tel que le formulaire Opportunité de l’exemple précédent ; observez comment la colonne est modifiée. La colonne est désormais affichée sous forme de composant de curseur au lieu de la colonne de texte.

Contrôle de curseur affiché sur le formulaire.

Voir aussi

Mise en œuvre de composants dans TypeScript
Référence d’API Power Apps component framework
Vue d’ensemble de Power Apps component framework

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).