Crie uma dependência de widget

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

    • No Portal de serviços, você pode vincular arquivos JavaScript e CSS a widgets para criar dependências entre widgets e bibliotecas de terceiros, folhas de estilo externas e módulos Angular.

    Antes de Iniciar

    Função necessária: sp_admin ou administrador

    Por Que e Quando Desempenhar Esta Tarefa

    As dependências são carregadas de forma assíncrona do servidor quando necessário.

    Os widgets podem ter quantas dependências forem necessárias. No entanto, quanto mais você adicionar, mais conteúdo um widget deve baixar para renderizar na página. Mantenha as dependências o menor possível para tempos de carregamento mais eficientes.

    Procedimento

    1. Crie um pacote de dependência.

      Um pacote de dependência é uma coleção de arquivos JavaScript e CSS que podem ser conectados a um widget.

      1. Navegar até Portal de serviços > Dependências.
      2. No registro de dependência, defina os seguintes campos.
        Campo Descrição
        Nome O nome da sua dependência. (Útil para selecionar uma dependência em uma lista suspensa.)
        Aplicação Escopo da aplicação para o registro de dependência.
        Incluir no carregamento de página Selecione se você deseja que sua dependência seja carregada na página no carregamento da página inicial do Portal de serviços ou deixe desmarcado para carregar a dependência somente quando o widget vinculado for carregado em uma página.
        Nome do módulo angular Opcional. Defina o valor se o JavaScript vinculado for um módulo angular. Forneça o nome do módulo angular que está sendo carregado para que ele possa ser inserido na aplicação angular do Portal de serviços.
    2. Adicione arquivos ao pacote de dependência.

      Depois de salvar as informações do seu pacote de dependência, use as listas relacionadas para adicionar arquivos de inclusão JS e CSS. Para cada lista relacionada, inclua as seguintes informações:

      Campo Descrição
      Nome de exibição Nome da inclusão de script.
      Origem Se você adicionar uma inclusão JS ou CSS, selecione uma destas opções na lista:
      • URL
      • Script de IU (para inclusão de JS) ou Folha de estilos (para inclusão de CSS)

      Para uma inclusão de JS, use o campo Script de IU para fazer referência a um Script de IU encontrado em IU do Sistema > Scripts da IU.

      Para a inclusão de CSS, use o campo Folha de estilos para fazer referência a um registro no sp_css tabela.
    3. Adicione um pacote de dependência a um widget.
      Depois de criar um pacote de dependência e adicionar arquivos, crie um relacionamento entre a dependência e um widget.
      1. Navegar até Portal de serviços > Widgets e encontre o registro de widget ao qual você deseja adicionar a dependência.
      2. Na lista relacionada Dependências, clique em Editar .
      3. Na slushbucket, encontre a dependência que você criou e clique duas vezes para adicioná-la à coluna Itens selecionados à direita.
      4. Salve a página para retornar ao registro do widget.