Exemplos de casos de uso para eventos do FlexCard

Atualizar lista de produtos

Crie uma página do Lightning que mostre uma lista filtrável de produtos.

1. Crie um FlexCard que mostre filtros e tenha um botão Aplicar que, quando clicado, acione um evento.
2. Crie outro FlexCard que mostre informações do produto, escute o primeiro evento do FlexCard e execute uma ação.

Registrar evento personalizado dinâmico

Crie um evento em um FlexCard usando um campo de mesclagem chamado channel_{Session.name}, case{recordId} ou evnt_{Parent.status}. Em seguida, registre o evento específico de outro componente. Por exemplo, registre channel_acme, case143437h8f9f00 ou evnt_New.

Selecionar um FlexCard filho entre vários pais

Permita que os usuários selecionem novos valores redefinindo registros selecionados anteriormente. Configure o evento resetselectedCards para redefinir a seleção no cartão filho ou no cartão filho e seus FlexCards pai.

1. Crie um FlexCard filho.
2. Para dar aos usuários uma maneira de selecionar o cartão filho, adicione um elemento acionável como Bloquear ou Ação.
3. Crie uma ação para acionar o evento que desmarque todos os cartões filho selecionados anteriormente. No exemplo de compromisso, vamos limpar todos os compromissos selecionados em todos os provedores de saúde. Execute estas tarefas:
   1. Na seção Ações do painel Propriedades, selecione Event como o Tipo de ação e Pubsub como o Tipo de evento.
   2. Insira um Nome do canal, como makeappointment.
   3. Insira um Nome do evento, como clearprevappt.
4. No painel Configuração, crie o ouvinte de evento para este evento:
   1. Insira os mesmos valores para Tipo de evento, Nome do canal e Nome do evento das etapas anteriores.
   2. Em Ações, crie uma ação de evento personalizada cujo Nome do evento seja resetselectedcards.
   3. Para redefinir cartões filho em todos os pais, selecione Bolhas e confirme que Composto não está selecionado. No entanto, se o FlexCard pai tiver elementos selecionáveis e você quiser que os usuários redefinam itens selecionados nos cartões pai e filho, selecione Composto e Bubulas. Por exemplo, se um usuário precisar selecionar o médico antes de selecionar o compromisso, tanto o médico quanto o compromisso serão redefinidos quando o usuário selecionar um novo compromisso.
   4. Clique em Salvar.
5. No mesmo elemento acionável da etapa 2, crie uma ação para selecionar um novo cartão filho.
   1. Na seção Ações do painel Propriedades, crie uma ação sequencial.
   2. Selecione Event como o Tipo de ação e Personalizado como o Tipo de evento.
   3. Insira o Nome do evento, como selectappt.
   4. Selecione Bolhas. Se você selecionou Composto na etapa 4 c, selecione-o agora. Caso contrário, garanta que ela permaneça desmarcada.
6. No painel Configuração, crie um ouvinte de evento para o evento personalizado.
   1. Insira Personalizado como o Tipo de evento e insira o Nome do evento na ação do evento personalizado.
   2. Em Ações, selecione Cartão como o Tipo de ação e Selecione Cartões como o Tipo.
   3. Em Nome da lista de cartões selecionados, insira um nome para a matriz que contém os dados do cartão selecionado, como compromisso.
   4. Configure outras propriedades para a ação Selecionar cartões.
   5. Para atualizar um OmniScript com os dados do cartão selecionado, adicione uma ação sequencial.
   6. Selecione Atualizar OmniScript como o Tipo de ação.
   7. Na seção Parâmetros de entrada, clique em + Adicionar novo.
   8. No campo Chave, insira um nome para o nó de dados a ser passado para o OmniScript. Por exemplo: .
      selecionadoappointment
   9. Em Valor, insira o nome inserido em Nome da lista de cartões selecionados como um campo de mesclagem. Por exemplo:
      {appointment}
   10. Clique em Salvar.
7. Ative o FlexCard.
8. No FlexCard pai, arraste um elemento do FlexCard.
9. Para Nome do FlexCard, selecione o FlexCard filho criado na etapa 1.
10. Para visualizar e testar seu FlexCard antes de publicar, clique na guia Visualizar. Selecione um cartão filho, como um horário de compromisso. Em seguida, selecione outro. Quando você seleciona um novo cartão filho, qualquer cartão filho selecionado anteriormente em qualquer cartão pai é desmarcado. Se Composto for selecionado com Bolhas, se houver itens selecionáveis no FlexCard pai, eles também serão redefinidos quando um filho for selecionado.
11. No painel Configuração, selecione Suporte OmniScript.
12. Antes de integrar seu FlexCard como um LWC personalizado em um OmniScript, ative seu FlexCard.

Passe dados de um FlexCard para um OmniScript em um flyout

Passar dados de um FlexCard para um OmniScript em um flyout envolve configurar uma origem de dados personalizada, acionar o OmniScript com um elemento de ação e configurar o ouvinte de evento para passar os dados.

1. Crie um OmniScript.
   Consulte Criar um OmniScript.
2. Crie um FlexCard com uma fonte de dados personalizada e adicione o {test} JSON personalizado.
   Passe esses dados de {test} para um OmniScript nas etapas subsequentes.
3. Arraste um elemento de ação para a tela FlexCard que aciona a ação para iniciar o OmniScript.
   1. Exiba o elemento de ação como um botão.
      Quando o usuário clica nesse botão de ação, ele inicia o OmniScript em um flyout.
   2. Adicione uma ação pubsub, dataactionevent, ao elemento de ação.
   3. Passe um parâmetro de entrada na ação de evento definindo a chave como obj e o valor como {test}.
4. Na configuração do FlexCard, configure o ouvinte de evento do FlexCard com estes valores.
   • Tipo de evento: Pubsub
   • Nome do evento: dataactionevent
   • Nome do canal: dataactionevent
   • Tipo de ação: Fluxo
   • Tipo de flyout: OmniScripts
   • Fluxo: Selecione o OmniScript que você criou na Etapa 1, que deseja iniciar em um flyout do FlexCard.
   • Tipo de evento: Pubsub
   • Passe um parâmetro de entrada na ação de evento com chave como test e valor como {action.obj}.
5. No OmniScript, adicione um elemento que aceita os dados de {test} do FlexCard.
   Por exemplo, adicione um bloco de texto com o campo de mesclagem %test%. Quando o usuário clica no botão de ação no FlexCard, o OmniScript aparece em um flyout e o bloco de texto exibe o {test}.
6. Visualize o FlexCard para verificar se um clique no botão de ação abre o OmniScript em um flyout e se os dados de teste são exibidos corretamente no OmniScript.

Recarregar um FlexCard depois de atualizar um OmniScript em um flyout

Para atualizar informações em um FlexCard depois que o usuário interage com um OmniScript integrado em um flyout:

1. Crie o OmniScript para integrar ao flyout do FlexCard.
   Consulte Criar um OmniScript.
2. Configure a comunicação entre o OmniScript e um componente da Web Lightning adicionando uma ação de navegação ao OmniScript e selecionando a estrutura de mensagens pub/sub.

   Consulte Ação de navegação.

3. Adicione uma ação de flyout no FlexCard.
   Consulte Configurar flyouts em um FlexCard.
4. Na guia Configuração do FlexCard, adicione um ouvinte de evento ao flyout para recarregar o FlexCard em resposta a um evento com estes valores:

   Tipo de evento: Pubsub

   Nome do canal: omniscript_action

   Nome do evento: dados

   Tipo de ação: Cartão

   Type: Recarregar