---
sourceDocument: Criar ou modificar aplicações do Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/xanadu/application-development

 Release :

    - xanadu

ft:locale :

    - pt-BR

ft:publication_title :

    - Criar ou modificar aplicações do Xanadu

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

# Adicionar um recurso de dados do mapeador de ação de exibição da entidade a uma página

# Adicionar um recurso de dados do mapeador de ação de exibição da entidade a uma página {#ariaid-title1}

* Versão de lançamento: Xanadu
* 
* Atualizado 1 de ago. de 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 min. de leitura

Adicione um recurso de dados do Entity View Action Mapper (EVAM) à sua página em Construtor de IU para que você possa padronizar como as fontes de dados em seus componentes são exibidas em seus cartões e listas.

## Antes de Iniciar

Função necessária: ui_builder_admin

## Procedimento

1. Navegar até TodosEstrutura do Now ExperienceConstrutor de IU.
2. Abra uma experiência para trabalhar ou crie uma experiência selecionando CriarExperiência.  
   Consulte [Configure como os usuários interagem com suas aplicações no Construtor de IU](https://servicenow-prod.fluidtopics.net/lLqYhwc21ggWGJvxakpXWA "Saiba o que é uma experiência em Construtor de IU. Entenda o que uma experiência contém.") para obter mais informações sobre como criar experiências.
3. Abra ou crie uma página.  
   Para obter mais informações, consulte [Gerenciar Construtor de IU páginas e variantes de página](https://servicenow-prod.fluidtopics.net/DPjKZHSFSIvEPq~A~sv0iQ "Saiba o que é uma página em Construtor de IU. Entenda os blocos de construção de uma página Construtor de IU, como layouts de coluna e componentes.").
4. **Opcional:** Se você não tiver nenhum componente em sua página, adicione um componente de conjunto de dados à sua página.  
   Para obter mais informações, consulte [Adicionar e configurar componentes](https://servicenow-prod.fluidtopics.net/Aqc1bei9skOZ0arABedMFw#add-components "Saiba como adicionar componentes à sua página em Construtor de IU. Uma página é criada adicionando componentes.").
5. No painel Dados e scripts, selecione o ícone + e selecione Recurso de dados.  
6. Insira <kbd class="ph userinput">evam</kbd> no campo de pesquisa.
7. Selecione o recurso de dados do EVAM que você deseja adicionar e repita esta etapa para todos os recursos de dados do EVAM da sua página.  
8. Configure cada recurso de dados do EVAM.  
   {#evam-working__table_dz2_1g4_d4b__entry__2}

   | Fonte de dados do EVAM | Descrição |
   |-|-|
   | Recurso de dados de EVAM | Adicione uma definição do EVAM e outras informações sobre a fonte de dados. * Tipo: composto. * Quando avaliar: na lista Quando avaliar este recurso de dados, selecione Imediatamente para que a instância do recurso de dados do EVAM seja avaliada no carregamento da página ou selecione Somente quando invocado para usar um manipulador de eventos para avaliar o recurso de dados do EVAM. * Definição do EVAM: no campo Definição do EVAM, adicione o registro de definição do EVAM que está associado ao recurso de dados. * Cursor de página: no campo Cursor de página, adicione um cursor de página para a definição do EVAM. * Tamanho da página: no campo Tamanho da página, adicione um tamanho para a paginação do EVAM. * Número da página: no campo Número da página, adicione o número da página para a paginação do EVAM. * Preferência de filtro do EVAM: no campo Preferência de filtro do EVAM, adicione os sys_ids para o filtro de dados do EVAM. {#evam-working__ul_xb4_dg4_d4b} Para adicionar um manipulador de eventos para quando a busca de dados for iniciada, bem-sucedida ou falhar, selecione Eventos. Na seção [Editor de código do Now](https://servicenow-prod.fluidtopics.net/K13DUGUgW4oiiQXteBMKFg#gloss-now-code-editor-ui-builder "Um editor de rich text compatível com CSS, HTML, JavaScript, XML e JSON. Use o Editor de código Now para mudar a configuração de IU, a configuração de recursos de dados, estilos, eventos, scripts do lado do cliente e scripts do lado do servidor nos componentes do Construtor de IU da Próxima experiência."), que fica ao lado do painel Configuração, visualize o script de definição do EVAM. Figura 1. Configuração de recursos de dados do EVAM |
   | Obter dados do EVAM | Para adicionar uma definição do EVAM e outras informações sobre a fonte de dados, selecione Configuração. * Tipo: GRAPHQL. * Quando avaliar: para que a instância do recurso de dados do EVAM seja avaliada em um carregamento de página, selecione Imediatamente. Para usar um manipulador de eventos para avaliar o recurso de dados do EVAM, selecione Somente quando invocado. * Definição do EVAM: no campo Definição do EVAM, adicione o registro de definição do EVAM que está associado ao recurso de dados. * Cursor de página: no campo Cursor de página, adicione um cursor de página para a definição do EVAM. * Tamanho da página: no campo Tamanho da página, adicione um tamanho para a paginação do EVAM. * Número da página: no campo Número da página, adicione o número da página para a paginação do EVAM. * Preferência de filtro do EVAM: no campo Preferência de filtro do EVAM, adicione os sys_ids para o filtro de dados do EVAM. {#evam-working__ul_g1v_h34_d4b} Para adicionar um manipulador de eventos para quando a busca de dados for iniciada, bem-sucedida ou falhar, selecione Eventos. Visualize o script de definição do EVAM no Now Code Editor à direita do painel Configuração. |
   | Obter metadados do EVAM | Para selecionar quando avaliar o recurso de dados do EVAM e adicionar uma definição do EVAM, selecione Configuração. * Tipo: GRAPHQL. * Quando avaliar: para que a instância do recurso de dados do EVAM seja avaliada em um carregamento de página, selecione Imediatamente. Para usar um manipulador de eventos para avaliar o recurso de dados do EVAM, selecione Somente quando invocado. * Definição do EVAM: no campo Definição do EVAM, adicione o registro de definição do EVAM que está associado ao recurso de dados. {#evam-working__ul_tr3_1k4_d4b} Para adicionar um manipulador de eventos para quando a busca de dados for iniciada, bem-sucedida ou falhar, selecione Eventos. Visualize o script de definição do EVAM no Now Code Editor à direita do painel Configuração. |
   | Pesquisar recurso de dados do EVAM | Para adicionar uma definição do EVAM e outras informações sobre a fonte de dados, selecione Configuração. * Tipo: composto. * Quando avaliar: para que a instância do recurso de dados do EVAM seja avaliada em um carregamento de página, selecione Imediatamente. Para usar um manipulador de eventos para avaliar o recurso de dados do EVAM, selecione Somente quando invocado. * ID de configuração do EVAM: no campo ID de configuração do EVAM, adicione o ID de configuração do EVAM associado ao registro de dados. * ID de configuração do contexto de pesquisa: no campo ID de configuração do contexto de pesquisa, adicione o ID de configuração do contexto de pesquisa que você está procurando. * Termo de pesquisa: no campo Termo de pesquisa, adicione os termos de pesquisa que você está procurando * Filtros de aspecto: no campo Filtros de aspecto, adicione filtros de aspecto para ajudar a definir sua pesquisa. * Filtros de pesquisa: no campo Filtros de pesquisa, adicione filtros de pesquisa para ajudar a definir sua pesquisa. * Desabilitar verificação ortográfica: no campo Desabilitar verificação ortográfica, selecione se você deseja que a verificação ortográfica esteja ativada ou desativada durante a pesquisa. * Token de paginação: no campo Token de paginação, adicione um token de paginação, se necessário. {#evam-working__ul_vyn_m34_d4b} Para adicionar um manipulador de eventos para quando a busca de dados for iniciada, bem-sucedida ou falhar, selecione Eventos. Visualize o script de definição do EVAM no Now Code Editor à direita do painel Configuração. |
   [Tabela 1. Fontes de dados do EVAM]

   {#evam-working__table_dz2_1g4_d4b}
9. Configure o componente do conjunto de dados:  
   * Vincule um recurso de dados do EVAM ao seu componente.
   * Defina a alternância Mostrar grade/lista como ativada para permitir que os usuários escolham entre a exibição de grade ou de lista das informações do EVAM na página.
   * Defina as outras definições de configuração para os cartões na página.
   {#evam-working__ul_zbx_2p4_d4b}
10. Selecione Salvar.
11. Exiba e teste sua página selecionando o botão Visualizar.  
    Figura 2. Estado concluído do EVAM