Buscar dados de várias fontes

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 5 min. de leitura

    • Saiba como obter dados de diferentes fontes para usar em um único componente.

    Antes de Iniciar

    Função necessária: ui_builder_admin

    Por Que e Quando Desempenhar Esta Tarefa

    Coloque o componente do contêiner base do cartão em um repetidor e use a configuração de dados de várias tabelas para apresentar todos os incidentes e problemas ativos criados nos últimos dois anos.

    Procedimento

    1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
    2. Abra uma experiência para trabalhar ou crie uma experiência selecionando Criar > Experiência .
      Consulte Configure como os usuários interagem com suas aplicações no Construtor de IUpara obter mais informações sobre como criar experiências.
    3. Crie uma página do zero.
      Para obter mais informações sobre como criar uma página, consulte Crie uma página no Construtor de IU .
    4. Adicione um recurso de dados de várias tabelas.
      1. Na prateleira de dados, selecione Adicionar recurso de dados .
        Prateleira de dados com seta preta apontando para adicionar a opção de recurso de dados.
      2. Em Pesquisa , insira várias tabelas .
      3. Selecione Dados de várias tabelas .
        Pop-up de recurso de dados com seta preta apontando para o campo de pesquisa e seta preta apontando para o recurso de dados de várias tabelas.
      4. Selecione Adicionar.
    5. Configure a primeira fonte de dados.
      1. Em Fontes de dados , selecione E Adicionar .
        Opções de recurso de dados de várias tabelas com seta preta apontando para adicionar opção ao lado do campo Fontes de dados.
      2. Em Tabela , insira incidente e selecione Incidente tabela.
      3. Em Campo de classificação , insira número e selecione Número .
      4. Em Nome , insira Incidente .
      5. Em Campos de retorno , adicionar Número , Estado , Descrição , e. Ativo .
        Adicionar pop-up de fontes de dados com todos os campos preenchidos.
      6. Selecione Editar condições .
      7. Crie a condição Ativo é verdadeiro .
      8. Selecione e. .
      9. Crie a condição Criado nos últimos 2 anos .
        Pop-up de condições com duas condições exibidas.
      10. Selecione Aplicar.
      11. Selecione Aplicar.
    6. Configure a segunda fonte de dados.
      1. Em Fontes de dados , selecione E Adicionar .
      2. Em Tabela , insira problema e selecione Problema tabela.
      3. Em Campo de classificação , insira número e selecione Número .
      4. Em Nome , insira Problema .
      5. Em Campos de retorno , adicionar Número , Estado , Descrição , e. Ativo .
        Ao criar um recurso de dados de várias tabelas, cada fonte de dados deve ter os mesmos campos de retorno especificados e na mesma ordem. Isso ajuda a garantir que os dados exibidos na página sejam consistentes e precisos.

        Adicionar pop-up de fontes de dados com todos os campos preenchidos.

      6. Selecione Editar condições .
      7. Crie a condição Ativo é verdadeiro .
      8. Selecione e. .
      9. Crie a condição Criado nos últimos 2 anos .
      10. Selecione Aplicar.
      11. Selecione Aplicar.
      12. Selecione X para fechar o. Edite dados de várias tabelas pop-up.
    7. Selecione Save (Salvar).
    8. Adicione o componente de título.
      1. Na árvore de conteúdo, selecione - Adicionar conteúdo em Corpo .
      2. Em Pesquisa entrar título .
      3. Selecione Título componente.
      4. No painel de configuração, no Configurar , selecione Nenhum - Configure o componente manualmente .
      5. Em Rótulo , exclua o texto padrão e insira Problemas e incidentes ativos criados nos últimos dois anos .
        Configure a guia para o componente de título com a seta preta apontando para o campo de rótulo concluído.
      6. Selecione Save (Salvar).
    9. Adicione um contêiner.
      1. Na árvore de conteúdo, selecione - Adicionar conteúdo em Título 1 .
      2. Em Layouts , no Avançado , selecione Flexbox .
        Caixa de ferramentas com guia de layout exibida e seta preta apontando para a opção flexbox.
      3. No painel de configuração, no Configurar , selecione Nenhum - Configure o componente manualmente .
      4. Em Dimensionamento , defina o. Largura inserindo 300 .
        Guia Estilos do componente de contêiner com seta preta apontando para o campo de largura concluído.
      5. Selecione Save (Salvar).
    10. Adicione o componente do repetidor.
      1. Na árvore de conteúdo, selecione - Adicionar conteúdo em Contêiner 1 .
      2. Em Pesquisa entrar repetidor .
      3. Selecione Repetidor componente.
      4. No painel de configuração, no Configurar , selecione Nenhum - Configure o componente manualmente .
      5. Selecione Save (Salvar).
      6. No painel de configuração, no Configurar passe o mouse sobre Matriz de dados e selecione o ícone vincular dados.
        Configure o painel para o componente do repetidor com a seta preta apontando para o ícone de dados de vinculação de campo de matriz de dados.
      7. Em Tipos de dados selecione Recurso de dados .
      8. Selecione Dados de várias tabelas 1 .
      9. Selecionar saída > dados > GlideMultiDataSource_Query > GetMultiDatasourceData.
      10. Clique duas vezes (ou use o atalho de teclado) no itens pílula.
        Modal de vinculação de dados com seta preta apontando para a cápsula de itens.
        Verifique se a seção superior está correta.

        Modal de vinculação de dados com seta preta apontando para a seção superior.

      11. Selecione Aplicar.
      12. Selecione Save (Salvar).
    11. Adicione o componente do contêiner base do cartão no repetidor.
      1. Na árvore de conteúdo, selecione - Adicionar conteúdo em Repetidor 1 .
      2. Localize e selecione o. Contêiner-base do cartão componente.
      3. No painel de configuração, no Configurar , selecione Nenhum - Configure o componente manualmente .
      4. Selecione Estilos .
      5. Para adicionar um pouco de espaço ao redor dos cartões, acesse Espaçamento , selecione Margem e, em seguida, selecione M (para médio).
        Painel Estilos do componente contêiner base do cartão com seta preta apontando para a opção de margem e a configuração de margem média.
      6. Selecione Save (Salvar).
    12. Adicione o componente de título no contêiner base do cartão.
      1. Na árvore de conteúdo, selecione - Adicionar conteúdo em Contêiner base do cartão 1 .
      2. Localize e selecione o. Título componente.
      3. No painel de configuração, no Configurar , selecione Nenhum - Configure o componente manualmente .
      4. No painel de configuração, no Configurar exclua o texto padrão em Rótulo .
      5. Aponte para Rótulo e selecione o ícone vincular dados.
      6. Em Tipos de dados selecione Repetidor .
      7. Selecionar valor > campos.
      8. Selecione o comprimido superior e, na última coluna, verifique se há Valor de exibição com um incidente ou número de problema.
      9. Clique duas vezes (ou use o atalho de teclado) no Valor de exibição pílula com um número de incidente ou problema.
        Modal de vinculação de dados com seta preta apontando para exibir a cápsula de valor.
        Verifique se a seção superior está correta.

        Modal de vinculação de dados com seta preta apontando para a seção superior.

      10. Selecione Aplicar.
      11. Em Configurar , selecione Ocultar margem inferior opção.
        Configure o painel para o componente de título com a seta preta apontando para ocultar a opção de margem inferior.
      12. Selecione Save (Salvar).
    13. Adicione o primeiro componente de texto estilizado para mostrar a descrição do incidente ou problema.
      1. Na árvore de conteúdo, aponte para Título 2 , selecione o ícone de menu (três pontos verticais) e selecione Adicionar após .
        Árvore de conteúdo com seta preta apontando para o ícone do menu e seta preta apontando para adicionar após a opção no menu flutuante.
      2. Localize e selecione o. Texto estilizado componente.
      3. No painel de configuração, no Configurar , selecione Nenhum - Configure o componente manualmente .
      4. No painel de configuração, no Configurar exclua o texto padrão em Texto .
      5. Aponte para Texto e selecione o ícone vincular dados.
      6. Em Tipos de dados selecione Repetidor .
      7. Selecionar valor > campos.
      8. Selecione a terceira cápsula na lista e, na última coluna, verifique se Valor de exibição não contém informações.
      9. Clique duas vezes (ou use o atalho de teclado) no Valor de exibição pílula sem valor.
        Modal de vinculação de dados com seta preta apontando para exibir a cápsula de valor.
        Verifique se a seção superior está correta.

        Modal de vinculação de dados com seta preta apontando para a seção superior.

      10. Selecione Aplicar.
      11. Para reduzir o tamanho do texto, acesse Configurar e altere o. Marcador HTML para Parágrafo .
      12. Selecione Save (Salvar).
    14. Adicione o segundo componente de texto estilizado para mostrar o estado do incidente ou problema.
      1. Na árvore de conteúdo, aponte para Texto estilizado 1 , selecione o ícone de menu (três pontos verticais) e selecione Adicionar após .
      2. Localize e selecione o. Texto estilizado componente.
      3. No painel de configuração, no Configurar , selecione Nenhum - Configure o componente manualmente .
      4. No painel de configuração, no Configurar exclua o texto padrão em Texto .
      5. Aponte para Texto e selecione o ícone vincular dados.
      6. Em Tipos de dados selecione Repetidor .
      7. Selecionar valor > campos.
      8. Selecione a segunda cápsula na lista e, na última coluna, verifique se Valor de exibição contém um estado como Resolvido ou Em andamento .
      9. Clique duas vezes (ou use o atalho de teclado) no Valor de exibição pílula com um valor de estado.
        Modal de vinculação de dados com seta preta apontando para exibir a cápsula de valor.
        Verifique se a seção superior está correta.

        Modal de vinculação de dados com seta preta apontando para a seção superior.

      10. Selecione Aplicar.
      11. Para reduzir o tamanho do texto, acesse Configurar e altere o. Marcador HTML para Parágrafo .
      12. Selecione Save (Salvar).
    15. Selecionar Exibição.
      O cabeçalho da página está na parte superior. Cada cartão contém um título com o número do incidente ou do problema. Os cartões também mostram a descrição (se houver uma disponível) do incidente ou problema e o estado. Os dados estão sendo extraídos com sucesso de duas fontes: A tabela de incidentes e a tabela de problemas.

      Visualização de sobreposição mostrando os componentes do contêiner de base de cartão e cabeçalho configurados com fontes de dados de várias tabelas.

    16. Selecione X para fechar a sobreposição de visualização.