--- 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 --- Charges utiles d'événements dans Générateur d'IU ================================================ Charges utiles d'événements dans Générateur d'IU {#ariaid-title1} ================================================================= * Rversion finale: Yokohama * * Mis à jour 30 janv. 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture 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 utiles d'événements pour Générateur d'IU 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 des charges utiles telles que `console.log(event.payload).` Créer un événement avec des charges utiles pour partager des informations entre des composants {#ariaid-title2} --------------------------------------------------------------------------------------------------------------- Utilisez les charges utiles d'événements Générateur d'IU 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 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. Pour plus d'informations, consultez [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."). 3. Créez ou ouvrez une page. Pour plus d'informations sur la création d'une page dans Générateur d'IU, consultez [Créer une page dans le générateur d'IU](https://servicenow-prod.fluidtopics.net/7FlPZg9EshuX4KGkHUH3Ew "Créez une page Générateur d'IU pour un portail, un espace de travail ou une application personnalisée afin de créer une expérience Web pour vos utilisateurs."). 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](https://servicenow-prod.fluidtopics.net/n3~Oe6m5E9q11DW86sXzOA#add-components "Découvrez comment ajouter des composants à votre page dans Générateur d'IU. Une page est créée en ajoutant 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](https://servicenow-prod.fluidtopics.net/JPlu5OHPkRgfmeiDM~ttKw "Découvrez comment utiliser des événements pour ajouter des actions aux composants, aux pages, aux ressources de données et aux actions déclaratives dans 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 d'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 de paramètre d'état client. 7. Entrez un nom dans le champ Nom . 8. Sélectionnez le type de paramètre d'état de 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 l'événement déclencheur . 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. {#create-event-with-payloads__substeps_v3n_xw3_znb} 6. Sélectionnez le composant auquel vous souhaitez lier le paramètre d'état 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électionner 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.