Charges utiles d’événements dans Générateur d'IU

Utilisez les charges utiles d’événements pour lier les données à une action.

Les charges utiles d’événement sont des éléments de données envoyés par un composant lorsqu’un événement sélectionné est déclenché. Les données envoyées par un événement peuvent inclure le type d’événement, les horodatages, les actions de l’utilisateur ou des données de ressource telles qu’un SysID. Vous pouvez utiliser des charges Générateur d'IU utiles d’événements pour partager des informations entre les composants d’une page.

Vous pouvez utiliser ces données de charge utile lors de la configuration d’un gestionnaire d’événements afin que l’interaction résultante puisse être liée aux données émises. Par exemple, un SysID peut être transmis à d’autres composants d’une page pour afficher les informations relatives à un enregistrement spécifié.

Chaque composant et événement dispose d’un ensemble unique d’options de charge utile. Les charges utiles de l’événement peuvent ne pas être correctement définies pour chaque composant. Si tel est le cas, définissez un script client afin que la console consigne les charges utiles telles que console.log(event.payload).

Créer un événement avec des charges utiles pour partager des informations entre les composants

Utilisez les charges Générateur d'IU utiles d’événements pour partager des informations entre les composants d’une page.

Avant de commencer

Rôle requis : ui_builder_admin

Procédure

1. Accédez à la Tous > Cadre de travail Now Experience > Générateur d'IU.
2. Ouvrez une expérience pour y travailler ou créez une expérience en sélectionnant Créer > Expérience.
   Pour plus d'informations, consultez Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU.
3. Créer ou ouvrir une page.
   Pour en savoir plus sur la création d’une page dans Générateur d'IU, consultez Créer une page dans Générateur d’IU.
4. Ajoutez un composant qui comporte des événements, tel que le composant de visualisation des données.
   Pour plus d’informations sur l’ajout de composants à une page, reportez-vous à la section Ajouter et configurer des composants.
5. Pour ajouter un gestionnaire d’événements à votre composant, sélectionnez l’onglet Événements .
   Pour plus d’informations sur l’ajout de gestionnaires d’événements à votre composant, reportez-vous à la section Gérer les actions dans les pages du générateur d’IU.
   1. Pour démarrer le processus de configuration d’un gestionnaire d’événements pour votre composant, cliquez sur Ajouter un mappage d’événements.
      
   2. Sélectionnez le mappage d’événements que vous souhaitez configurer dans la liste.
      
   3. Sélectionnez Continuer.
   4. Dans la section Aperçu du gestionnaire d’événements, sélectionnez un gestionnaire d’événements à lier à votre composant.
      
   5. Sélectionnez Continuer.
   6. Sélectionnez le paramètre Créer un état de client dans la liste déroulante Nom du paramètre d’état du client .
   7. Entrez un nom dans le champ Nom .
   8. Sélectionnez le type de paramètre d’état du client dans la liste déroulante Type .
   9. Saisissez une valeur dans le champ Valeur initiale .
   10. Sélectionnez l’icône de liaison des données dans le champ Valeur à utiliser après le déclencheur de l’événement .
       
   11. Sélectionnez la valeur que vous souhaitez lier à l’événement déclenché.
       
   12. Sélectionnez Appliquer.
   13. Sélectionnez Ajouter.
       Le gestionnaire de données apparaîtra sous le mappage d’événements dans l’onglet Événements.

       

6. Sélectionnez le composant auquel vous souhaitez lier le paramètre d’état du client. Dans cet exemple, nous utiliserons un composant d’en-tête.
7. Sélectionnez l’icône de liaison des données dans le champ auquel vous souhaitez lier le paramètre d’état du client.
   
8. Sélectionnez les états du client.
9. Sélectionnez la flèche en regard du paramètre d’état du client que vous souhaitez lier.
   
10. Sélectionnez Appliquer.
11. Sélectionnez Enregistrer.
12. Sélectionnez Aperçu pour tester que vous êtes bien l’événement que vous venez de configurer.