---
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


---

Ajouter une ressource de données Mappeur d'actions de vue d'entité à une page
=============================================================================

Ajouter une ressource de données Mappeur d'actions de vue d'entité à une page {#ariaid-title1}
==============================================================================================

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

Ajoutez une ressource de données EVAM (Entity View Action Mapper) à votre page afin Générateur d'IU de pouvoir standardiser l'affichage des sources de données de vos composants dans vos cartes et listes.

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.  
   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. Ouvrez ou créez une page.  
   Pour plus d'informations, consultez [Gérer les Générateur d'IU pages et les variantes de page](https://servicenow-prod.fluidtopics.net/JoYi7yXR~EalfphqUewmrg "Découvrir le contenu d’une page .Générateur d'IU Comprendre les blocs de construction d’une Générateur d'IU page, tels que les mises en page en colonnes et les composants.").
4. **Facultatif :** Si votre page ne contient aucun composant, ajoutez un composant Ensemble de données à votre page.  
   Pour plus d'informations, consultez [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. Dans le panneau Données et scripts , sélectionnez l'icône + , puis sélectionnez Ressource de données.  
6. Entrez <kbd class="ph userinput">evam</kbd> dans le champ de recherche.
7. Sélectionnez la ressource de données EVAM que vous souhaitez ajouter et répétez cette étape pour toutes les ressources de données EVAM de votre page.  
8. Configurez chaque ressource de données EVAM.  
   {#evam-working__table_dz2_1g4_d4b__entry__2}

   |          Source de données EVAM           |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Description                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
   |-------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
   | Ressource de données EVAM                 | Ajoutez une définition EVAM et d'autres informations sur la source de données. * Type : Composite. * Quand évaluer : dans la liste Quand évaluer cette ressource de données, sélectionnez Immédiatement pour que l'instance de ressource de données EVAM soit évaluée lors du chargement de la page ou sélectionnez Uniquement lorsqu'il est invoqué pour utiliser un gestionnaire d'événements afin d'évaluer la ressource de données EVAM. * Définition EVAM : dans le champ Définition EVAM , ajoutez l'enregistrement de définition EVAM associé à la ressource de données. * Curseur de page : dans le champ Curseur de page , ajoutez un curseur de page pour la définition EVAM. * Taille de page : dans le champ Taille de page, ajoutez une taille pour la pagination EVAM. * Numéro de page : dans le champ Numéro de page , ajoutez le numéro de page de la pagination EVAM. * Préférence de filtre EVAM : dans le champ Préférence de filtre EVAM , ajoutez la sys_ids du filtre de données EVAM. {#evam-working__ul_xb4_dg4_d4b} Pour ajouter un gestionnaire d'événements pour le moment où l'extraction de ces données est lancée, réussie ou échouée, sélectionnez Événements. Dans la section [Éditeur de code Now](https://servicenow-prod.fluidtopics.net/Xev~otlkH0vBSgsZiCDZ8Q#gloss-now-code-editor-ui-builder "Éditeur de texte enrichi qui prend en charge CSS, HTML, JavaScript, XML et JSON. Utilisez Éditeur de code Now pour modifier la configuration de l’interface utilisateur, la configuration des ressources de données, les styles, les événements, les scripts côté client et les scripts côté serveur dans les composants du générateur d’IU Next Experience.") , située en regard du volet Configuration, prévisualisez le script de définition EVAM. Figure 1. Configuration de la ressource de données EVAM |
   | Extraire les données EVAM                 | Pour ajouter une définition EVAM et d'autres informations sur la source de données, sélectionnez Configuration. * Type : GRAPHQL. * Quand évaluer : pour faire évaluer l'instance de ressource de données EVAM lors du chargement d'une page, sélectionnez Immédiatement. Pour utiliser un gestionnaire d'événements pour évaluer la ressource de données EVAM, sélectionnez Uniquement lorsqu'il est invoqué. * Définition EVAM : dans le champ Définition EVAM , ajoutez l'enregistrement de définition EVAM associé à la ressource de données. * Curseur de page : dans le champ Curseur de page , ajoutez un curseur de page pour la définition EVAM. * Taille de page : dans le champ Taille de page, ajoutez une taille pour la pagination EVAM. * Numéro de page : dans le champ Numéro de page , ajoutez le numéro de page de la pagination EVAM. * Préférence de filtre EVAM : dans le champ Préférence de filtre EVAM , ajoutez la sys_ids du filtre de données EVAM. {#evam-working__ul_g1v_h34_d4b} Pour ajouter un gestionnaire d'événements pour le moment où l'extraction de ces données est lancée, réussie ou échouée, sélectionnez Événements. Prévisualisez le script de définition EVAM dans l'éditeur de code Now à droite du volet Configuration.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
   | Extraire les métadonnées EVAM             | Pour sélectionner le moment d'évaluation de la ressource de données EVAM et ajouter une définition EVAM, sélectionnez Configuration. * Type : GRAPHQL. * Quand évaluer : pour faire évaluer l'instance de ressource de données EVAM lors du chargement d'une page, sélectionnez Immédiatement. Pour utiliser un gestionnaire d'événements pour évaluer la ressource de données EVAM, sélectionnez Uniquement lorsqu'il est invoqué. * Définition EVAM : dans le champ Définition EVAM , ajoutez l'enregistrement de définition EVAM associé à la ressource de données. {#evam-working__ul_tr3_1k4_d4b} Pour ajouter un gestionnaire d'événements pour le moment où l'extraction de ces données est lancée, réussie ou échouée, sélectionnez Événements. Prévisualisez le script de définition EVAM dans l'éditeur de code Now à droite du volet Configuration.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
   | Rechercher des ressources de données EVAM | Pour ajouter une définition EVAM et d'autres informations sur la source de données, sélectionnez Configuration. * Type : Composite. * Quand évaluer : pour faire évaluer l'instance de ressource de données EVAM lors du chargement d'une page, sélectionnez Immédiatement. Pour utiliser un gestionnaire d'événements pour évaluer la ressource de données EVAM, sélectionnez Uniquement lorsqu'il est invoqué. * ID de configuration EVAM : dans le champ ID de configuration EVAM , ajoutez l'ID de configuration EVAM associé à l'enregistrement de données. * ID de configuration du contexte de recherche : dans le champ ID de configuration du contexte de recherche , ajoutez l'ID de configuration du contexte de recherche que vous recherchez. * Terme de recherche : dans le champ Terme de recherche , ajoutez les termes de recherche que vous recherchez * Filtres de facette : dans le champ Filtres de facette , ajoutez des filtres de facette pour vous aider à définir votre recherche. * Filtres de recherche : dans le champ Filtres de recherche , ajoutez des filtres de recherche pour vous aider à définir votre recherche. * Désactiver la vérification orthographique : dans le champ Désactiver la vérification orthographique , indiquez si vous souhaitez que la vérification orthographique soit activée ou désactivée pendant votre recherche. * Jeton de pagination : dans le champ Jeton de pagination , ajoutez un jeton de pagination si nécessaire. {#evam-working__ul_vyn_m34_d4b} Pour ajouter un gestionnaire d'événements pour le moment où l'extraction de ces données est lancée, réussie ou échouée, sélectionnez Événements. Prévisualisez le script de définition EVAM dans l'éditeur de code Now à droite du volet Configuration.                          |
   [Tableau 1. Sources de données EVAM]

   {#evam-working__table_dz2_1g4_d4b}
9. Configurez votre composant d'ensemble de données :  
   * Liez une ressource de données EVAM à votre composant.
   * Activez l'option Afficher la grille/la liste pour permettre aux utilisateurs de choisir entre la vue grille ou la vue de liste des informations EVAM sur la page.
   * Définissez les autres paramètres de configuration pour les cartes de la page.
   {#evam-working__ul_zbx_2p4_d4b}
10. Sélectionnez Enregistrer.
11. Affichez et testez votre page en sélectionnant le bouton Aperçu .  
    Figure 2. État terminé de l'EVAM