Configurar um manipulador de eventos

Adicione um manipulador de eventos a uma página, componente, recurso de dados ou ação declarativa em Construtor de IU para que o usuário possa acionar uma ação.

Antes de Iniciar

Função necessária: ui_builder_admin

Por Que e Quando Desempenhar Esta Tarefa

Um manipulador de eventos permite configurar uma ação, componentes, recurso de dados ou ação declarativa em sua página. Por exemplo, você pode mapear um evento para sua página para adicionar uma notificação de alerta quando a página for carregada com sucesso ou pode adicionar um manipulador de eventos para um componente de botão executar uma ação quando um usuário clicar nele. O manipulador de eventos também pode ser um modal em sua página que solicita que um usuário verifique se deseja excluir o registro. Para obter mais informações, consulte Gerenciar ações nas páginas do Construtor de IU.

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.
   Para obter mais informações, consulte Configure como os usuários interagem com suas aplicações no Construtor de IU.
3. Abra ou crie uma página.
   Para obter mais informações sobre como criar uma página em Construtor de IU, consulte Criação de uma página no Construtor de IU.
4. Adicione um componente à sua página, como um botão.
   Para obter mais informações sobre como adicionar componentes a uma página, consulte Adicionar e configurar componentes.
5. Para adicionar um manipulador de eventos ao evento do seu componente, vá para o painel de configuração e selecione Eventos.
   Um manipulador de eventos permite atribuir um evento a um componente. Por exemplo, se você adicionar um componente de botão à sua página, deseja que ele execute uma ação quando um usuário clicar nele.
6. Para iniciar o processo de atribuição de um evento a um componente, selecione Adicionar mapeamento de evento.

   Alguns componentes, como o componente de botão, têm apenas um mapeamento de evento. Outros componentes podem ter muitos eventos.

   
7. Selecione um mapeamento de evento que você deseja configurar na lista.
   
8. Na tela de visualização do manipulador de eventos, selecione uma ação que você deseja atribuir ao componente.
   
9. Selecione Continuar.
10. Selecione o manipulador que você deseja acionar a partir do evento selecionado na etapa anterior.
    
11. Selecione Continuar.
12. Configure a carga do evento.
    
13. Selecione Adicionar.
14. Selecione Save (Salvar).
15. Teste o evento selecionando Visualizar no cabeçalho e acione a ação.

Resultado

O manipulador de eventos configurado é exibido na guia de eventos do painel de configuração.