Connecter les données à vos composants

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 1 minute de lecture
  • Liez les données exposées par les ressources de données locales aux composants de 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 qui consiste à associer des données à un élément d’interface utilisateur qui affiche les informations. Avant de lier des données à des 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 pour plus d’informations.

    Procédure

    1. Accédez à la Tout > Cadre de travail Now Experience > Générateur d'IU.
    2. Ouvrez une expérience dans laquelle travailler ou créez une expérience en sélectionnant Créer > Expérience.
      Consultez la rubrique Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU 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.
    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.
    6. Sélectionnez l’onglet Configurer du panneau de configuration dans 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 dynamique des données (icône de liaison dynamique des données).
      Passer la souris sur l’icône de liaison des données.
      Le modal de liaison de données s’affiche.

      Modal de liaison de données affichant les données disponibles.

    8. Sélectionnez Ressource de données dans l’onglet Types de données .
    9. Sélectionnez la ressource de données que vous souhaitez lier au composant.
      Sélectionnez une ressource de données dans la liste.
    10. Sélectionnez et faites glisser les données que vous souhaitez lier au composant dans le champ ci-dessus.

      Vous devrez peut-être sélectionner plusieurs pastilles pour obtenir une valeur de propriété ou d’affichage spécifique.

      Flèche pointant vers des données liées à un composant.
    11. Sélectionnez Appliquer.

      Le composant affiche la valeur de propriété ou la valeur d’affichage que vous avez sélectionnée.

      Le champ de texte Composant affiche les données liées à partir de la ressource de données.
    12. Sélectionnez Enregistrer dans l’en-tête Générateur d'IU .