Use cargas de evento para vincular dados a uma ação.

Cargas de evento são partes de dados enviadas por um componente quando um evento selecionado é acionado. Os dados enviados por um evento podem incluir o tipo de evento, carimbos de data/hora, ações do usuário ou dados de recursos, como SYSID. Você pode usar cargas de evento em Construtor de IU para compartilhar informações entre componentes em uma página.

Você pode usar esses dados de carga ao configurar um manipulador de eventos para que a interação resultante possa ser vinculada aos dados emitidos. Por exemplo, um SYSID pode ser passado para outros componentes em uma página para exibir informações relacionadas a um registro especificado.

Caixa vermelha que contém as cargas de evento disponíveis para o componente selecionado.

Cada componente e evento tem um conjunto exclusivo de opções de carga. As cargas do evento podem não estar definidas corretamente para cada componente. Se for esse o caso, defina um client script para que o console registre cargas úteis como console.log (event.payload) .

Crie um evento com cargas úteis para compartilhar informações entre componentes

Use cargas de evento em Construtor de IU para compartilhar informações entre componentes em uma página.

Antes de Iniciar

Função necessária: iu_builder_admin

Procedimento

  1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
  2. Abra uma experiência na qual 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. Crie ou abra uma página.
    Para obter mais informações sobre como criar uma página no Construtor de IU, consulte Crie uma página no Construtor de IU .
  4. Adicione um componente que tenha eventos, como o componente de visualização de dados.
    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 seu componente, selecione Eventos guia.
    Para obter mais informações sobre como adicionar manipuladores de eventos ao seu componente, consulte Gerencie ações nas páginas do Construtor de IU.
    1. Para iniciar o processo de configuração de um manipulador de eventos para seu componente, clique em Adicionar mapeamento de evento .
      Seta apontando para adicionar a opção de mapeamento de evento.
    2. Selecione o mapeamento de evento que você deseja configurar na lista.
      Lista de mapeamentos de eventos disponíveis para o componente de visualização de dados.
    3. Selecione Continuar.
    4. Na seção Visualização do manipulador de eventos, selecione um manipulador de eventos para vincular ao seu componente.
      Limpar notificações de alerta quando uma linha é clicada em uma lista. Atualize o manipulador de parâmetro de estado do cliente selecionado na lista.
    5. Selecione Continuar.
    6. Selecione Crie um novo parâmetro de estado do cliente em Nome do parâmetro de estado do cliente menu suspenso.
    7. Digite um nome no campo Nome.
    8. Selecione o tipo de parâmetro de estado do cliente em Tipo menu suspenso.
    9. Insira um valor em Valor inicial campo.
    10. Selecione o ícone Vincular dados em Valor a ser usado após acionar o evento campo.
      Seta que aponta para o ícone de vincular dados no campo Valor a ser usado após acionar o evento.
    11. Selecione o valor que você deseja vincular ao evento acionado.
      Vincular modal de dados
    12. Selecione Aplicar.
    13. Selecione Adicionar.
      O manipulador de dados aparecerá abaixo do mapeamento de eventos na guia Eventos.

      Seta apontando para o manipulador de eventos configurado para o componente de visualização de dados.

  6. Selecione o componente ao qual você deseja vincular o parâmetro de estado do cliente. Neste exemplo, usaremos um componente de título.
  7. Selecione o ícone de vincular dados no campo ao qual você deseja vincular o parâmetro de estado do cliente.
    Seta apontando para o ícone de vincular dados no campo de rótulo do componente de título.
  8. Selecione estados do cliente .
  9. Selecione a seta ao lado do parâmetro de estado do cliente que você deseja vincular.
    Seta apontando para a seta que vincula um parâmetro de estado do cliente ao campo de rótulo.
  10. Selecione Aplicar.
  11. Selecione Save (Salvar).
  12. Selecione Visualização para testar o evento que você acabou de configurar.