Renderizar um componente em um modal

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 1 min. de leitura
  • Use uma Ação de IU para iniciar um componente personalizado em um modal para que um agente não precise navegar para uma tela diferente para realizar uma tarefa.

    Antes de Iniciar

    Função necessária: workspace_admin

    Por Que e Quando Desempenhar Esta Tarefa

    Inicie um componente personalizado em um modal para que um agente não precise sair da tela atual. Por exemplo, você pode iniciar um modal que contém informações de contato sobre o cliente nomeado em um registro aberto para que um agente possa solicitar que os chamadores confirmem sua identidade. O exemplo a seguir mostra uma lista em um modal.

    Listar no modal

    Procedimento

    1. Desenvolva e implante um componente personalizado em sua instância.
      Para obter mais informações, consulte Componentes personalizados.
    2. Crie uma entrada no modal de script registrado.
      1. No Navegador de filtros, insira sys_aw_registered_scripting_modal.list para abrir essa tabela.
      2. Clique em Nova.
      3. Use o ícone de pesquisa ( ícone de pesquisa) para selecionar um componente, neste caso, use sn-workspace-header.
      4. Insira o nome da API, neste caso showHeader.
      5. A API pública é preenchida automaticamente:
        Registrar modal
      6. Clique em Salvar.
    3. Crie sua ação de IU para renderizar seu componente em um modal.
      1. Crie uma nova Ação de IU para a tabela apropriada e, na guia Espaço, selecione o Botão de Formulário do Espaço ou o Botão de Menu do Espaço, dependendo de como e onde você deseja que a Ação de IU apareça.

        Para obter informações sobre como criar uma Ação de IU, consulte Configurar ações de IU personalizadas no espaço legado.

        Botão ou menu do formulário do espaço

        Quando você marca uma das caixas de seleção, a caixa de texto Client script do espaço é exibida.
      2. Insira o seguinte código na caixa de texto Client script do espaço :
        function onClick(g_form) {
          g_modal.global.showHeader({
            title: 'Test custom modal',
            confirmTitle:'YES',
            params: {
              primaryValue: 'THIS IS A PRIMARY VALUE',
              secondaryItems:{}
            }
          }).then(function(result){
            alert('confirm:'+result);
          }, function(error) {
            alert('cancel:'+error);
          });
        }
    4. Agora teste a Ação de IU abrindo um registro em Espaço da tabela que você selecionou ao criar esta Ação de IU.
      A Ação de IU deve aparecer no painel Formulário.