Revista Informática

Como usar el h:selectOneListBox en JSF

Publicado el 09 octubre 2018 por Cristian David Henao Hoyos @chenaooo
Como usar el h:selectOneListBox en JSFYa vimos el componente <h:selectOneMenu> en esta oportunidad veremos otro componente de selección que nos brinda JSF.

Ahora es el turno del <h:selectOneListBox> que nos presenta una lista completa.


Para este ejemplo creamos un proyecto nuevo con la siguiente estructura
Como usar el h:selectOneListBox en JSF
En la página index creamos el componente <h: selectOneListbox> que permitirá definir una lista de selección de un único elemento
Como usar el h:selectOneListBox en JSF
Como vemos la estructura es muy similar al de la guía anterior donde trabajamos con el componente SelectOneMenu , de la misma manera le asignamos como valor el llamado a un bean llamado “componentes” al que se le asignará en la propiedad “dia” el resultado de la selección del usuario, esta selección depende de los ítems presentados gracias a la etiqueta <f:selectItem> que agrega un elemento a la lista de selección, así mismo vinculamos las propiedades “itemValue” e “itemLabel” que permiten definir el código del elemento seleccionado y el valor presentado al usuario respectivamente.

Posteriormente creamos la clase Componentes que permitirá hacer referencia a nuestra página, adicionalmente creamos el método “diaSeleccionado()” que dependiendo del código del elemento asignará el día asociado.


Como usar el h:selectOneListBox en JSF

En la página confirmación tan solo presentaremos un mensaje que hace el llamado a la propiedad “dia” y al método que nos devolverá el día seleccionado.


Como usar el h:selectOneListBox en JSF

Después de tener todo listo podemos ejecutar el sistema obteniendo el siguiente resultado.


Como usar el h:selectOneListBox en JSF

Como vemos, el sistema permite cargar la lista de días directamente desplegada, sin que se muestre como un combo de selección, sin embargo internamente cumplen con el mismo propósito.


Lista de selección desde ManagedBean

Ya vimos cómo usar el componente selectOneListbox directamente desde nuestra página, ahora vamos a ver como cargar los datos desde una lista desde nuestro bean.
Inicialmente modificamos la lista de ítems y agregamos la etiqueta <f:selectitems> y en el value asignamos el llamado a una lista que obtenemos desde el bean
Como usar el h:selectOneListBox en JSF


En la clase java creamos la lista y para efectos del ejemplo la inicializamos en el constructor


Como usar el h:selectOneListBox en JSF

Y al ejecutar el sistema tendríamos


Como usar el h:selectOneListBox en JSF

Como usar el h:selectOneListBox en JSF

De esta manera comprobamos que al hacer el llamado a la lista, ya no es necesario el llamado a la propiedad itemValue, pues se toma en el value el valor seleccionado.


Y Listo!!!
Una vez más vemos un ejemplo sencillo pero que nos puede servir para aplicar en nuestros proyectos.
En mi blog y en mi canal les he venido compartiendo material en torno a este gran lenguaje de programación, pueden encontrar muchos artículos y vídeos desde cero, les muestro como descargar las herramientas necesarias para empezar a programar, vamos subiendo cada vez más por los conceptos básicos, pasando por los conceptos de programación orientada a objetos, patrones, hilos, estructuras de datos, acceso a bases de datos entre otros,  hasta construir aplicaciones con interfaces grafías de usuario.

Además podrán encontrar un curso desde cero donde les enseño a crear aplicaciones móviles en android mediante una secuencia de vídeos paso a paso que constantemente se está actualizando.


Y ahora iniciaré la secuencia también desde cero donde nos adentraremos al mundo del java Enterprise edition, les mostraré como configurar el ambiente de desarrollo y como crear sus primeras aplicaciones web con java.


Por eso los invito a que visiten a codejavu.blogspot.com, que visiten mi canal Cristian Henao y que estén muy pendientes de las nuevas secuencias

También te podría Interesar. 
¿Hay algo que quieras anexar o comentar sobre esta entrada?  no dudes en hacerlo.....y si te gustó, te invito a compartir y Suscribirte ingresando al botón "Participar en este sitio" para darte cuenta de mas entradas como esta ;)

Volver a la Portada de Logo Paperblog