Olá desenvolvedores, neste tutorial iremos implementar e aprender sobre o componente SelectManyCheckbox que é um componente JSF – JavaServer Faces. O h:selectManyCheckbox renderiza um conjunto de elementos de entrada HTML do tipo “caixa de seleção” e formata-o com tabela HTML e tags de rótulo.

O h:selectManyCheckbox nos dá em uma lista de opções a liberdade de marcar, nenhuma, apenas uma ou quantas opções desejarmos. Em nossa implementação iremos dar ao usuário a oportunidade de selecionar as tecnologias quais conhece ou trabalha.

Lembrando que meu objetivo é apresentar e ensinar você como trabalhar com os diversos tipos de componentes JSF. Assim, em dados momentos, o formulário que estamos implementando pode parecer incoerente no que se refere as informações solicitadas. Muito embora meus esforços estão direcionados para que isso não ocorra.

ATRIBUTO DO SELECTMANYCHECKBOX

Se o h:selectManyCheckbox  nos dá a opção de selecionar mais de uma opção, neste contexto, será preciso armazená-las em uma lista. Assim, na Entidade Pessoa declararemos um array como atributo, inclusive declarando para ele os métodos Getters and Setters.

private Integer[] linguagens;

SELECTMANYCHECKBOX:

O primeiro passo é a criação do h:outputLabel que identifica o campo além de atender os requisitos de usabilidade tão importantes em uma aplicação.

<h:outputLabel value=“Linguagens:” />

Abaixo do h:outputLabel declararemos o par de tags do componente h:selectManyCheckbox. Apontando para o objeto do ManageBean que receberá o valor.

<h:selectManyCheckboxvalue= “#{pessoaBean.pessoa.linguagens}” >

Entre as tags, listaremos os componentes f:selectItem cujos valores compreenderão as possibilidades de escolha do usuário. Neste caso, as linguagens de programação que ele conhece e/ou trabalha. Desse modo, o componente f:selectItem traz o itemValue que é a informação que vai para a base de dados e a itemLabel traz a informação que aparecerá na tela.

EM POUCAS PALAVRAS

Sempre que implementar uma nova funcionalidade em sua aplicação, como neste caso em que estamos implementando novas funcionalidades no formulário de cadastro, teste também a opção de “Editar”, para ter certeza que os usuários já cadastrados estão funcionando corretamente.

Neste tutorial implementamos o selectManyCheckbox que nos dá a possibilidade de selecionar mais de uma opção em uma lista de seleção ou mesmo nenhuma. Bem, eu fico por aqui e nos vemos no próximo tutorial.