JSF 2 SelectManyCheckbox-Beispiel

Die Komponente „selectManyCheckBox“ ist eine der Hauptkomponenten, die von JSF 1 bereitgestellt und mit einigen zusätzlichen Varianten in JSF 2 enthalten ist. Die selectManyCheckbox rendert einfach eine Reihe von Kontrollkästchen und entsprechende Darstellung jedes einzelnen Kontrollkästchens in der Komponente selectManyCheckbox mittels HTML ist . Das Hauptattribut dieser Komponente ist a Wert Dies könnte mit einer Liste von Objekten verknüpft (gebunden) werden, wie Sie in der nächsten Zeit sehen werden.

JSF 2 stellt zusätzliche Attribute für selectManyCheckbox 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

SelectManyCheckboxBean.java

package net.javabeat.jsf;

import java.util.ArrayList;
import java.util.List;

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

@ManagedBean
@SessionScoped
public class SelectManyCheckboxBean {

	private List<Tutorial> tutorials = new ArrayList<Tutorial>();

	private List<String> selectedTutorials = new ArrayList<String>();

	public SelectManyCheckboxBean() {
		this.tutorials.add(new Tutorial(1,"JSF 2"));
		this.tutorials.add(new Tutorial(2,"EclipseLink"));
		this.tutorials.add(new Tutorial(3,"HTML 5"));
		this.tutorials.add(new Tutorial(4,"Spring"));
	}

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

	public List<Tutorial> getTutorials() {
		return tutorials;
	}

	public void setTutorials(List<Tutorial> tutorials) {
		this.tutorials = tutorials;
	}

	public List<String> getSelectedTutorials() {
		return selectedTutorials;
	}

	public void setSelectedTutorials(List<String> selectedTutorials) {
		this.selectedTutorials = selectedTutorials;
	}

}

Tutorial.java

package net.javabeat.jsf;

public class Tutorial {
	private int tutorialId;
	private String tutorialDescription;

	public Tutorial(int id, String desc){
		this.tutorialId = id;
		this.tutorialDescription = desc;
	}

	public int getTutorialId() {
		return tutorialId;
	}
	public void setTutorialId(int tutorialId) {
		this.tutorialId = tutorialId;
	}
	public String getTutorialDescription() {
		return tutorialDescription;
	}
	public void setTutorialDescription(String tutorialDescription) {
		this.tutorialDescription = tutorialDescription;
	}
}

2. Die Ansichten

selectManyCheckbox.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="SelectManyCheckbox Example" />
	</h2>
	<h:outputText value="Select Tutorials:" />
	<h:selectManyCheckbox
		value="#{selectManyCheckboxBean.selectedTutorials}">
		<f:selectItems value="#{selectManyCheckboxBean.tutorials}" var="tutorial"
				itemValue="#{tutorial.tutorialId}" itemLabel="#{tutorial.tutorialDescription}"/>
	</h:selectManyCheckbox>
	<h:commandButton value="Register"
		action="#{selectManyCheckboxBean.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="SelectManyCheckbox Example" /></h2>
		<h:form>
			<h:outputText value="Selected Tutorials: "/>
			<br/>
			<ui:repeat var="tutorial" value="#{selectManyCheckboxBean.selectedTutorials}">
				<h:outputText value="Tutorial Id : #{tutorial}"/>
				<br/>
			</ui:repeat>
		</h:form>
	</f:view>
</html>

3. JSF 2 SelectManyCheckbox-Demo

Die folgenden Schnappschüsse zeigen Ihnen das vollständige Beispiel für die Verwendung der Komponente „selectManyCheckbox“.

JSF 2 SelectManyCheckbox-Beispiel 1

JSF 2 SelectManyCheckBox Beispiel 2

(wpdm_file id=8)

Kommentar verfassen

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

Nach oben scrollen