Cria múltiplos filtros de pesquisa para um site

Abra esse site de exemplo abaixo para entender mais sobre o que vamos fazer

Site Exemplo

O que nós construímos

Neste exemplo, criaremos um menu suspenso de seleção múltipla com caixas de seleção que permitem que os visitantes pesquisem o conteúdo do site usando mais de uma opção de filtro de cada vez. Os usuários selecionam vários continentes e todos os países correspondentes são exibidos na página.

Elementos da Página

O exemplo inclui um repetidor, um conjunto de dados e um filtro suspenso. Neste exemplo, para criar nossa lista suspensa personalizada, incluímos os seguintes elementos da página:

- Uma caixa de contêiner com uma imagem de seta para baixo que simula uma lista dropdown.

- Um elemento de texto dentro da caixa do contêiner. O texto padrão definido no Editor é "Filtrar pesquisa por continentes".

- Um repetidor para as opções do filtro. Cada item do repetidor contém uma caixa de seleção e um texto para o nome de um continente. É aqui que o usuário faz várias seleções.

Código

Adicionamos código para fazer o seguinte:

- Carregar os continentes da coleção do Continente no repetidor de seleção múltipla.

Expandir ou recolher o repetidor de seleção múltipla quando a caixa do contêiner é clicada.

- Se uma caixa de seleção no repetidor alterar o valor, cria um objeto contendo todos os continentes verificados.

- Use o objeto para filtrar o conteúdo da página para exibir apenas os países localizados nos continentes selecionados, conforme definido na coleção Articles.

- Alterar o texto na caixa do contêiner para indicar o número de continentes selecionados pelo visitante.

Espero ter ajudado ;)