JSF 2 SelectBooleanCheckbox-Beispiel

Die Komponente „selectBooleanCheckbox“ ist eine der Hauptkomponenten, die in JSF 1 bereitgestellt und in JSF 2 enthalten sind. Die Komponente „selectBooleanCheckbox“ stellt einfach ein Kontrollkästchen dar, das mit einer booleschen Bean-Eigenschaft verbunden werden kann und eine entsprechende Darstellung davon mittels HTML ist . Das Hauptattribut dieser Komponente ist a Wert das könnte mit einer booleschen Eigenschaft verknüpft (gebunden) werden.

JSF 2 stellt zusätzliche Attribute für selectBooleanCheckbox bereit. Diese hinzugefügten Attribute beziehen sich hauptsächlich auf die Stile und die Art und Weise, wie die Daten darin angezeigt werden. aktivierteKlasse, deaktivierteKlasse, selectedClass, unSelectedClass, hideNoSelectionOption Und Sammlungstyp sind die wichtigsten neuen Attribute, die seit JSF 2 hinzugefügt wurden.

Lesen Sie auch:

  • JSF 2-Tutorials
  • JSF-Tutorials
  • Einführung in JSF

1. Verwaltete Bohne

SelectBooleanCheckboxBean.java

package net.javabeat.jsf;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean
@SessionScoped
public class SelectBooleanCheckboxBean {

	private boolean trainee;

	public SelectBooleanCheckboxBean(){

	}

	public String register(){
		return "register";
	}

	public boolean isTrainee() {
		return trainee;
	}

	public void setTrainee(boolean trainee) {
		this.trainee = trainee;
	}
}

2. Die Ansichten

Das nächste kommende Szenario zeigt Ihnen eine Beispielansicht, die einen Teil eines Beispielformulars für die Schulungsregistrierung anzeigt. Dieses Formular stellt dem Benutzer eine boolesche Indikatoreingabe zur Verfügung, um den Typ des Teilnehmers zu bestimmen, ob es sich um einen Auszubildenden handelt oder nicht.

selectBooleanCheckbox.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:form>
		<h1><h:outputText value="JavaBeat JSF 2.2 Examples" /></h1>
		<h2><h:outputText value="SelectBooleanCheckbox Example" /></h2>
		<h:outputText value="Is Trainee"/>
		<h:selectBooleanCheckbox value="#{selectBooleanCheckboxBean.trainee}"></h:selectBooleanCheckbox>
		<h:commandButton value="Register" action="#{selectBooleanCheckboxBean.register}"></h:commandButton>
	</h:form>
</html>

register.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
	<f:view>
		<h1><h:outputText value="JavaBeat JSF 2.2 Examples" /></h1>
		<h2><h:outputText value="SelectBooleanCheckbox Example" /></h2>
		<h:form>
			<h:outputText value="Is Trainee: "/>
			<h:outputText value="#{selectBooleanCheckboxBean.trainee}"/>
		</h:form>
	</f:view>
</html>

3. Der Bereitstellungsdeskriptor

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	id="WebApp_ID" version="2.5" metadata-complete="true">
	<context-param>
		<description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
		<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
		<param-value>client</param-value>
	</context-param>
	<context-param>
		<param-name>javax.faces.application.CONFIG_FILES</param-name>
		<param-value>/WEB-INF/faces-config.xml</param-value>
	</context-param>
	<servlet>
		<servlet-name>Faces Servlet</servlet-name>
		<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>/faces/*</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.xhtml</url-pattern>
	</servlet-mapping>
	<listener>
		<listener-class>com.sun.faces.config.ConfigureListener</listener-class>
	</listener>
</web-app>

4. JSF 2 SelectBooleanCheckBox-Demo

Die folgenden Schnappschüsse zeigen Ihnen das vollständige Szenario für die Verwendung der SelectBooleanCheckbox.
JSF 2 SelectBooleanCheckbox Beispiel 1

JSF 2 SelectBooleanCheckbox Beispiel 2

(wpdm_file id=7)

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen