Tornar seus elementos de tela dinâmicos com reatividade
Use componentes de tela de fluxo, fórmulas e ações de tela com suporte para atualizar componentes de tela em tempo real sem sair da tela. Com essa reatividade, é possível criar telas que parecem aplicativos de página única e reduzir o número de telas pelas quais os usuários precisam navegar para concluir tarefas. Há suporte para essa reatividade com a API versão 59.0 e posterior.
Edições obrigatórias
| Exibir edições com suporte. |
Antes de criar uma interação reativa em uma tela, decida qual componente de tela é a origem da interação e qual componente reage às alterações na origem. Por exemplo, considere uma tela com três componentes:
- Dois componentes do controle deslizante que permitem que os usuários selecionem valores
- Um componente Número que exibe a soma dos valores selecionados pelo usuário nos componentes do controle deslizante
Nesse cenário, os componentes do controle deslizante são as origens da interação reativa e o componente Número reage às alterações nas origens. Observe que todos os três componentes na interação reativa produzem valores do tipo número. Para que as interações reativas funcionem, os valores de origem e reativos devem ser do mesmo tipo.
Para criar uma tela reativa, é mais fácil usar um componente padrão. Se você usar componentes de fluxo personalizados, revise os exemplos de reatividade no Guia do desenvolvedor de componentes da Web Lightning.
- Crie um fluxo de tela e adicione um elemento de Tela a ele.
-
No elemento de Tela, adicione e configure o componente que será a origem da interação reativa.
Por exemplo, adicione e configure um componente Tabela de dados que exibe uma lista de nomes para o usuário escolher.
-
Adicione e configure o componente que reage às alterações no componente de origem.
Por exemplo, adicione um componente Nome e defina o campo Primeiro nome como DataTableAPIName.firstSelectedRow.FirstName. O componente Nome exibe o valor Primeiro nome da primeira linha que o usuário seleciona na Tabela de dados.
- Salve e execute o fluxo.
Ao adicionar reatividade às suas telas, considere estes comportamentos:
- Saídas manuais de componentes não oferecem suporte à reatividade. Se você definir manualmente a saída de um componente, essa variável não mudará na mesma tela quando referenciada em outros componentes.
- Texto de ajuda e rótulos não reagem às alterações em outros componentes. Essa consideração não se aplica a rótulos no Componente da Web do Lightning personalizado configurados para responder a eventos em outros componentes.
- Os tipos de dados precisam corresponder quando você está mapeando uma saída para a entrada de outro componente para dar suporte à reatividade.
- Se existirem regras de validação para componentes personalizados, as alterações reativas não acionarão a validação.
- A variável global $Flow é reativa. Todas as outras variáveis globais, como Rótulos personalizados, Configurações personalizadas, $Organization, $Profile, não são reativas.
- Ao mapear um campo
DateTimeparaTime, o valor é convertido em GMT e permanece convertido ao navegar entre as telas. Se mapeado para um campoDateTime, a localidade será preservada. Por exemplo, se o valor de hora for 8:00 em sua localidade, o horário GMT convertido poderá ser bem diferente do seu horário local (como 16:00). Consulte Observação sobre data/hora e fusos horários para obter informações sobre a conversão entre data/hora e texto e data/hora em fusos horários: Usando valores de data, de data/hora e de hora em fórmulas
- Obter ou processar dados em um elemento de tela com ações de tela
Ações de tela tornam seus elementos de tela dinâmicos usando um fluxo iniciado automaticamente para recuperar ou processar dados. Ações de tela reduzem a necessidade de você adicionar elementos entre telas e reduzem a necessidade de os usuários alternarem entre telas para observar atualizações de dados. Como os usuários clicam em menos telas, eles podem concluir um fluxo de tela mais rapidamente. Além disso, os usuários se beneficiam de telas que reagem às interações, aumentando o engajamento deles. - Componentes do fluxo de tela reativo
Um subconjunto dos componentes de fluxo de tela no Salesforce oferece suporte à reatividade. - Operadores de fórmula de fluxo de tela reativo
Um subconjunto dos operadores de fórmula com suporte em fluxos de tela oferece suporte à reatividade. - Recomendações para criar telas reativas
Ao criar fluxos de tela com fórmulas e componentes reativos, lembre-se destas recomendações. - Calcular e exibir um desconto em um exemplo de tela
Este exemplo cria um fluxo de tela único que usa componentes de tela reativos para permitir que os representantes de vendas calculem e visualizem instantaneamente descontos de produto. - Exemplo de recuperação de oportunidades para uma conta selecionada
Este exemplo cria um fluxo de tela que permite aos usuários selecionar uma conta, acionar um fluxo para recuperar oportunidades relacionadas e exibir instantaneamente os resultados em uma tabela, tudo em uma única tela.
