---
sourceDocument: Yokohama Créer ou modifier des applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/application-development

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Yokohama Créer ou modifier des applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

Connectez les données à vos composants avec des formules
========================================================

Connectez les données à vos composants avec des formules {#ariaid-title1}
=========================================================================

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute de lecture

Lier les données exposées par les ressources de données locales aux composants avec des formules sur votre Générateur d'IU page.

Avant de commencer
------------------

Rôle requis : ui_builder_admin

Pourquoi et quand exécuter cette tâche
--------------------------------------

La liaison de données est le processus d'association de données à un élément d'interface utilisateur qui affiche les informations. Avant de lier les données aux composants, vous devez ajouter une ressource de données à votre Générateur d'IU page, voir [Ajouter et configurer des ressources de données à une page](https://servicenow-prod.fluidtopics.net/uAKqsoAewRrsnxGLZG9r0g "Ajoutez des ressources de données pour exposer dynamiquement les données de tables, d’enregistrements ou d’autres éléments de votre page dans Générateur d'IU.") pour plus d'informations.

Procédure
---------

1. Accédez à la ToutCadre de travail Now ExperienceGénérateur d'IU.
2. Ouvrez une expérience pour y travailler ou créez une expérience en sélectionnant CréerExpérience.  
   Consultez la rubrique [Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/Y1bOUW4pQdHutnAVEjdwrA "Découvrez ce qu’est une expérience dans Générateur d'IU. Comprendre le contenu d’une expérience.") pour plus d'informations sur la création d'expériences.
3. Créez ou ouvrez une page.
4. Ajoutez une ressource de données à votre page.  
   Pour plus d'informations, consultez [Ajouter et configurer des ressources de données à une page](https://servicenow-prod.fluidtopics.net/uAKqsoAewRrsnxGLZG9r0g "Ajoutez des ressources de données pour exposer dynamiquement les données de tables, d’enregistrements ou d’autres éléments de votre page dans Générateur d'IU.").
5. Ajoutez un composant à votre page.  
   Vous avez besoin d'un composant sur votre page avant de pouvoir y lier une ressource de données. Pour plus d'informations, consultez [Personnaliser les Générateur d'IU pages à l'aide de composants](https://servicenow-prod.fluidtopics.net/8tYb7jRqzKxCUrT7qBbj1w "Découvrez ce qu’est un composant dans Générateur d'IU. Découvrez également comment les composants fonctionnent dans le générateur d’IU.").
6. Sélectionnez l'onglet Configurer dans le panneau de configuration de .Générateur d'IU
7. Pointez sur un champ auquel vous souhaitez lier des données et sélectionnez l'icône de liaison de données dynamiques (icône de ![liaison de données dynamique]()).  
   La fenêtre modale de liaison de données s'affiche.

8. Sélectionnez l'onglet Formules .
9. Sélectionnez et faites glisser la formule que vous souhaitez lier au composant dans le champ ci-dessus.  

   Pour plus d'informations sur les formules, reportez-vous à la section [Fonctions prises en charge dans l'éditeur de formule du Générateur d'IU composant](https://servicenow-prod.fluidtopics.net/n3~Oe6m5E9q11DW86sXzOA#uib_supported_functions "Découvrez les différentes fonctions prises en charge dans l’éditeur de formule de Générateur d'IU composant.").
10. Renseignez les champs de la formule.  
11. Sélectionnez Appliquer.  
    Le composant affiche la valeur de propriété ou la valeur d'affichage que vous avez sélectionnée.

12. Sélectionnez Enregistrer dans l'en-tête Générateur d'IU .
{#connect-data-formulas__steps_xcx_ctf_s1c}