---
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 repetidores a componentes

# Adicionar repetidores a componentes {#ariaid-title1}

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

Em Construtor de IU, use repetidores para repetir um ou mais componentes com resultados de um recurso de dados.

## Antes de Iniciar

Função necessária: ui_builder_admin

## Por Que e Quando Desempenhar Esta Tarefa

O componente do repetidor atua como um loop básico que repete os dados fornecidos em vários componentes em Construtor de IU. Os repetidores usam uma matriz ou uma matriz de objetos. Por exemplo, a matriz ` [{"task": "A"},{"task": "B"}]` repete o conteúdo dentro dela duas vezes. Os repetidores permitem [vincular](https://servicenow-prod.fluidtopics.net/K13DUGUgW4oiiQXteBMKFg#gloss-data-binding-ui-builder "O processo de associação de dados a um elemento de IU que exibe as informações.") valores a uma propriedade de matriz de dados. `@item.value.{property_name}` vincula os valores ao componente dentro dos repetidores. Se você quiser vincular uma tarefa, poderá vinculá-la como `@item.value.task`e o repetidor exibirá o valor correto.

Os componentes dentro de um repetidor repetem o número de itens na fonte de dados, independentemente de a saída do componente se tornar dinâmica ou não. Por exemplo, digamos que você coloque um componente de cabeçalho dentro de um repetidor com três elementos de dados, mas não altere o campo Rótulo. Em seguida, você verá três instâncias do Cabeçalho com o mesmo Rótulo de saída.

## 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 o editor da página à qual você deseja adicionar o repetidor.  
   Se você não criou uma página para sua experiência, consulte [Criar uma página no Construtor de IU](https://servicenow-prod.fluidtopics.net/oXLwDAYTDqDRVYtO2ECqbg "Crie uma página em Construtor de IU para um portal, espaço ou aplicação personalizada para que você possa criar uma experiência na Web para seus usuários.") para obter mais informações sobre como criar uma página.
4. Conecte um recurso de dados à sua página.  
   Por exemplo, adicione o recurso Pesquisar dados de vários registros à sua página. Consulte [Adicionar e configurar recursos de dados a uma página](https://servicenow-prod.fluidtopics.net/3~opgnfG3pqPmOiWlaDsJA "Adicione recursos de dados para expor dinamicamente dados de tabelas, registros ou outros elementos em sua página em Construtor de IU.") para obter mais informações sobre como conectar um recurso de dados.
   1. Na gaveta de recursos de dados, selecione + Adicionar recurso de dados.
   2. No modal, pesquise o recurso Pesquisar dados de vários registros e selecione Adicionar.
   3. No campo Tabela, insira <kbd class="ph userinput">Incidente</kbd>.
   4. No campo Máximo de resultados, insira <kbd class="ph userinput">5</kbd>.  
      O recurso Pesquisar dados de vários registros está configurado.
   5. Feche o modal.
   {#repeaters__substeps_yzp_gts_d1c}
5. Selecione um contêiner existente ou crie um layout de coluna.  
   Para obter mais informações, consulte [Organizar componentes nas páginas do Construtor de IU](https://servicenow-prod.fluidtopics.net/W5Y8aZAAxPm3_iU~bzWHkw "Os layouts de coluna organizam os componentes em uma página Construtor de IU. Saiba como os layouts de coluna são usados em Construtor de IU.").
6. Adicione o componente do repetidor à sua página.  

   Para obter informações sobre como adicionar componentes, 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.").
7. Na guia Configurar, selecione Nenhum - Configure o componente manualmente.
8. Na guia Configurar, adicione uma matriz que define os dados para componentes repetidos.
   1. Aponte para Matriz de dados e selecione o ícone Vincular dados (ícone ![Vinculação de dados dinâmicos]()).
   2. Em Tipos de dados, selecione Recurso de dados.
   3. Na próxima coluna, selecione a cápsula Pesquisar vários registros 1.
   4. Em Exibiçãode cápsula , clique duas vezes ou arraste os resultados para adicionar a saída @data.look_up_multiple_records_1.results.
   5. Selecione Aplicar.  
      Os resultados do recurso de dados são vinculados ao componente do repetidor. No repetidor, um componente representa cada resultado.

   {#repeaters__substeps_xfw_lws_d1c}  
9. No repetidor que você adicionou na etapa anterior, selecione + Adicionar conteúdo.  
10. Adicione um componente de título.
11. Na guia Configurar, selecione Nenhum - Configure o componente manualmente.
12. Configure o componente que você aninhado no repetidor.  
    Por exemplo, vincule o displayValue ao componente. Para obter mais informações, consulte [Conectar dados a seus componentes](https://servicenow-prod.fluidtopics.net/ajgshAjdp2qhXGXuU_IHmA "Vincule dados expostos por recursos de dados locais a componentes na página Construtor de IU.").
    1. Mova o cursor para o campo Rótulo e selecione o ícone Vincular dados (ícone ![Vinculação de dados dinâmicos]()).
    2. Em Tipos de dados, selecione Repetidor.
    3. Em Exibiçãode cápsula , selecione a cápsula de valor.
    4. Na próxima coluna, selecione a cápsula numérica.
    5. Na próxima coluna, clique duas vezes ou arraste displayValue para adicionar a saída @item.value.number.displayValue.
    6. Selecione Aplicar.  
       O displayValue está vinculado ao componente de título.
    {#repeaters__substeps_akx_nzs_d1c}
13. Selecione Salvar.  
    O componente vinculado ao recurso de dados aparece na fase e é repetido cinco vezes, uma para cada resultado retornado da tabela Incidente.
14. Exiba e teste sua página selecionando o botão Visualizar.  
    Uma guia é aberta para exibir a visualização da página com dados repetidos.