JSF2.3 selectBooleanCheckbox – Ejemplos
En JSF, la etiqueta selectBooleanCheckbox representa un único elemento de entrada HTML de tipo «checkbox». El atributo principal de ese componente es un valor que podría estar asociado a una propiedad booleana. JSF 2.x proporciona atributos adicionales para selectBooleanCheckbox. Estos atributos están relacionados principalmente con los estilos ( enabledClass, disabledClass, selectedClass, unSelectedClass) y la forma en que se muestran los datos dentro de él (hideNoSelectionOption y collectionType).
JSF:
<h:selectBooleanCheckbox /> Eres Programador?
HTML:
<input type="checkbox" name="j_idt6:j_idt7" /> Eres Programador?
Ejemplo:
Escribir un formulario que muestre un checkbox con la pregunta: Eres programador? Y un botón ‘Enviar’. Al clicar en el botón ‘Enviar’, el formulario debe mostrar el resultado en otra página.
Desarrollando el ejemplo:
CDI Managed Bean EjemploSelectBooleanCheckbox.java
package com.josehuaman.ejemplos; import java.io.Serializable; import javax.enterprise.context.RequestScoped; import javax.inject.Named; @Named @RequestScoped public class EjemploSelectBooleanCheckbox implements Serializable { private static final long serialVersionUID = 1L; private boolean programador; public boolean isProgramador() { return programador; } public void setProgramador(boolean programador) { this.programador = programador; } }
Página JSF con el formulário: ejemploSelectBooleanCheckbox.xhtml
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html"> <h:head> <title>Ejemplo JSF2.3 SelectBooleanCheckbox </title> </h:head> <h:body> <h2>Ejemplo JSF2.3 SelectBooleanCheckbox</h2> <h:form id="form"> <h:selectBooleanCheckbox id="pregunta" value="#{ejemploSelectBooleanCheckbox.programador}" /> Eres Programador? <h:commandButton value="Clicar" action="respuesta" /> </h:form> </h:body> </html>
Página JSF con la respuesta. respuesta.xhtml
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html"> <h:head> <title>Ejemplo SelectBooleanCheckbox - Respuesta</title> </h:head> <h:body> <h2>Ejemplo JSF2.3 SelectBooleanCheckbox</h2> <h:form> <h:outputText value="Eres programador: "/> #{ejemploSelectBooleanCheckbox.programador} </h:form> </h:body> </html>
Resultado:
http://localhost:8080/ejemplo_web_jsf23/ejemploSelectBooleanCheckbox.xhtml