Olá desenvolvedores, neste tutorial iremos aprender sobre o SelectManyMenu em JSF – JavaServer Faces, que nos permite selecionar mais de uma opção de uma lista pré-determinada. Em “SELECTONEMENU: COMPONENTE JSF” vimos como selecionar apenas uma opção de uma lista, agora vamos descobrir como selecionar várias opções.

CRIANDO O ATRIBUTO

Antes de implementarmos o h:SelectManyMenu precisaremos definir no objeto o atributo responsável por receber as várias opções selecionadas. No entanto, por se tratar da possibilidade de receber várias opções este atributo será um array. Defina para o atributo os métodos Getters and Setters.

private String[] framework;

Como estamos usando o framework JPA – Java Persistence API, a coluna no banco de dados é automaticamente criada, a partir da determinação do atributo.

IMPLEMENTANDO O SELECTMANYMENU

Suponhamos que você queira dar ao usuário a opção de selecionar quantos frameworks ele conhece e/ou tem familiaridade. Dessa forma o primeiro passo será implementar um h:outputLabel.

Com o label podemos relacionar o rótulo ao elemento, embora seja um elemento simples, a ausência de um label implica em um grave erro de acessibilidade. Como assim? É através dele que o usuário pode se orientar acerca do preencher em cada campo, e isso é parte da acessibilidade de uma aplicação.

< h:outputLabel value=”Frameworks” >

Logo abaixo do h:outputLabel insira o par de tags h:SelectManyMenu, e defina “campoframework” como o id. Desse modo como atributo do objeto defina “framework”. Significa que no atributo “value” invocaremos a Entidade pessoa informando ao atributo “framework” as opções selecionadas.

Para definir as opções de frameworks que poderão ser selecionadas usaremos o h:selectItem.

Para que sejamos capazes de visualizar todas as opções será necessário definir uma altura, como uma propriedade do h:SelectManyMenu. [“heigth=150px”].

OBSERVAÇÃO: para conseguir selecionar mais de uma opção, selecione a primeira e pressione o CTRL para selecionar a segunda ou quantas desejar.

EM POUCAS PALAVRAS

Uma importante observação, após salvar o cadastro onde selecionou mais de uma opção de framework, será possível ver as opções selecionadas clicando para “Editar” o registro em questão.

Assim, de forma muito simples, neste tutorial aprendemos como implementar o h:SelectManyMenu que permite a seleção de mais de uma opção.