Menus suspensos em cascata em aplicativos de tela

Neste tutorial, falaremos sobre como os menus suspensos em cascata funcionam.

Listas suspensas em cascata são duas ou mais listas suspensas dependentes umas das outras.

Quando usados ​​no Power Apps, os menus suspensos em cascata podem aprimorar a experiência do usuário final, especialmente quando se trata de filtrar grandes quantidades de dados.

Índice

• Adicionando uma tabela de pesquisa de clientes
• Adicionando o primeiro menu suspenso
• Conectando a tabela de dados ao menu suspenso
• Adicionando um segundo menu suspenso
• Criando menus suspensos em cascata
• Conclusão

Adicionando uma tabela de pesquisa de clientes

Vamos começar adicionando um menu suspenso em uma nova tela.

Vamos adicionar uma nova tela duplicando a tela mestre, uma técnica que discutimos em um tutorial anterior . Chamaremos essa tela de Item Lookup.

Então, vamos adicionar uma tabela de dados à tela.

Precisamos adicionar uma fonte de dados para nossa tabela começar a mostrar os registros que precisamos. Vamos adicionar Table1 como fonte de dados por meio do painel Propriedades à direita.

Então, vamos adicionar os campos que precisamos clicando em “Editar campos”. Para esta tabela, vamos usar o FirstName, LastName, Location e nível VIP.

Agora que nossa tabela contém os registros de que precisamos, ela servirá como nossa tabela de pesquisa de clientes.

Agora, o objetivo aqui é que possamos filtrar os registros aqui nesta tabela com base no Local e no Nível VIP. É aí que entram os nossos dropdowns.

Adicionando o primeiro menu suspenso

Vamos para Input na faixa de opções Insert e clique em Dropdown.

Por padrão, os menus suspensos terão os valores 1, 2 e 3.

Podemos alterar os itens no menu suspenso acessando o painel direito e conectando a fonte de dados que usamos para nossa tabela de pesquisa de clientes, que é a Tabela1.

Em seguida, em Valor, vamos escolher a coluna que queremos usar no menu suspenso. Neste caso, vamos usar Location.

Feito isso, veremos todos os locais possíveis no menu suspenso. No entanto, também vemos várias duplicatas.

Isso ocorre porque, no momento, ele está apenas pegando todos os registros na coluna Local, independentemente de quantas vezes um registro aparece. Para nos livrarmos dessas duplicatas, vamos usar a função Distinct.

A função Distinct avalia registros em uma coluna específica e remove quaisquer duplicatas.

Então, vamos destacar o menu suspenso e escolher a propriedade Items. Em seguida, usaremos a função Distinct e referenciaremos Table1 e Location.

Depois de bloquear essa fórmula, nosso menu suspenso agora possui apenas itens exclusivos, sem duplicatas.

Para nos ajudar a facilitar a navegação pelos registros neste menu suspenso, vamos classificar os itens para que apareçam em ordem alfabética. Vamos usar a função SortByColumn, que geralmente requer uma fonte. Neste exemplo, a fonte seria nossa lista de itens distintos na coluna Localização.

Também requer uma coluna. Nesse caso, queremos que a função classifique os itens a partir do próprio resultado. Basicamente, esse resultado vem da fonte que acabamos de referenciar, que é nossa lista de itens distintos. Então, vamos referenciar Result.

Agora, temos todos os nossos locais exclusivos classificados neste menu suspenso.

Conectando a tabela de dados ao menu suspenso

A próxima etapa seria tornar essa tabela dependente do menu suspenso. Para isso, usaremos a função Filter.

Então vamos destacar a tabela de dados e ir até a propriedade Items e usar a função Filter. A função Filter geralmente usa uma fonte e um teste lógico. Neste caso, nossa fonte é Table1. Quanto ao teste lógico, queremos que seja equivalente a qualquer valor que o usuário escolher no menu suspenso.

Se dermos uma olhada no painel esquerdo, veremos que o menu suspenso que queremos referenciar aqui é o Dropdown4.

Esse é o elemento que usaremos para nosso teste lógico. Usaremos Dropdown4.Selected.Result porque queremos mostrar apenas os resultados com base no item selecionado.

Agora, como selecionamos a Austrália no menu suspenso, a tabela mostra apenas os registros que têm a Austrália como local.

Adicionando um segundo menu suspenso

Como, em última análise, queremos colocar em cascata nossos menus suspensos, isso significa que precisamos de pelo menos dois menus suspensos ou mais. Então, vamos adicionar um segundo menu suspenso. Desta vez, será usado para filtrar nossos registros com base no Nível VIP.

Neste exemplo, o novo menu suspenso é Dropdown5.

Mais uma vez, precisaremos tocar em uma fonte de dados, que é Table1. Em seguida, usaremos o Nível VIP como Valor.

Uma vez que os itens na coluna VIP Level provavelmente também terão duplicatas, usaremos novamente a função Distinct, referenciando Table1 e VIPLevel no processo.

Isso garante que não haja duplicatas em nosso menu suspenso.

Agora, vamos colocar esses itens em ordem também. Assim como nosso primeiro menu suspenso, vamos usar SortByColumn, desta vez referenciando VIPLevel em vez de Location.

Com essa fórmula em vigor, os itens em nosso menu suspenso agora estão na ordem correta.

Em seguida, precisamos voltar à nossa tabela de dados para garantir que não estamos apenas filtrando com base no primeiro menu suspenso, mas também com base no segundo. O bom das tabelas de dados e da função Filter é que podemos adicionar quantos critérios de filtragem quisermos.

Portanto, se formos para a fórmula original, basta adicionar VIPLevel = Dropdown5.Selected.Result.

Depois de salvar essa fórmula, agora podemos escolher itens de ambos os menus suspensos e nossa tabela de dados filtrará os registros com base em ambos. Por exemplo, se escolhermos Cingapura no menu suspenso Local e 1 no menu suspenso Nível VIP, terminaremos com duas entradas correspondentes a esses parâmetros.

Podemos alterar o nível VIP para 4 e ele mostrará um resultado correspondente aos nossos filtros.

Agora, observe como a mesa fica vazia quando escolhemos o nível VIP 5 com Cingapura como local.

Isso significa que não há ninguém em Cingapura que pertença ao nível VIP 5. Embora isso seja compreensível, o que queremos é que 5 não apareça no segundo menu suspenso se não houver nenhum registro correspondente. Afinal, é disso que se tratam os menus suspensos em cascata.

Criando menus suspensos em cascata

No momento, a propriedade Items para nosso segundo menu suspenso está olhando para Table1, pega os itens distintos da coluna VIPLevel e os classifica usando o resultado real.

O que queremos que aconteça é que a fonte de dados seja reduzida para o que for escolhido no primeiro menu suspenso, em vez de examinar toda a Tabela1. Por exemplo, se o usuário escolher Cingapura no menu suspenso Local, o menu suspenso VIPLevel deverá exibir apenas os itens correspondentes a Cingapura e não a tabela inteira.

Portanto, vamos adicionar a função Filter aqui, garantindo que Table1 seja filtrada com base na condição de que Location deve ser equivalente a Dropdown4.Selected.Result.

Se verificarmos nosso dropdown agora, veremos que o segundo dropdown não mostra mais 5 com Singapore escolhido no primeiro dropdown.

Se verificarmos o Canadá desta vez, isso mostra que não há 3 abaixo do nível VIP.

Se compararmos isso com nossa fonte de dados original, que é Table1, veremos que realmente não há correspondências para VIPLevel 3 no Canadá. Isso significa que nossa fórmula funciona.

Introdução ao Power Apps: Definição, recursos, funções e importância
Ambientes do Power Apps: Configurando os elementos do aplicativo corretamente
Funções e fórmulas do PowerApps | Uma introdução

Conclusão

Os menus suspensos em cascata podem definitivamente aprimorar a experiência do usuário final, especialmente se você estiver lidando com grandes quantidades de dados. Isso torna mais fácil para seus usuários finais encontrar os registros de que precisam com mais rapidez, simplesmente porque eles não terão que lidar com itens extras que não geram nada enquanto filtram os resultados.

Observe que você pode soltar outros menus suspensos conforme necessário. Você não precisa se limitar a apenas dois menus suspensos. Isso significa que, se você tiver mais campos em sua fonte de dados, poderá adicionar mais menus suspensos, dependendo da precisão que deseja que sua filtragem se torne.

Tudo de bom,

henrique