JSF 2.2

JSF Welcome Page mit HTML50

Von bennyn am 14. September 2014 in

Immer wieder sehe ich, dass JSF-Frontend-Entwickler trotz JSF 2.2 noch nicht auf den HTML5-Zug aufgesprungen sind. Daher möchte ich kurz zeigen, wie eine JSF Welcome Page vor dem Einzug von HTML5-konformen Tags in JSF ausgesehen hat:

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
  <h:head>
    <title>Facelet Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <h:outputStylesheet library="css" name="style.css" />
    <h:outputScript library="js" name="script.js" />
  </h:head>
  <h:body>
    <h:panelGroup id="content" layout="block">
      <h:outputText value="Hello from Facelets" />  
    </h:panelGroup>
  </h:body>
</html>

Eine HTML5-Index-Seite kann aber mit JSF 2.2 auch so umgesetzt werden:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:jsf="http://xmlns.jcp.org/jsf">
  <head jsf:id="head">
    <title>Facelet Title</title>
    <meta charset="UTF-8" />
    <link jsf:library="css" jsf:name="style.css" />
    <script jsf:library="js" jsf:name="script.js" jsf:target="head" />
  </head>
  <body jsf:id="body">
    <div id="content">
      Hello from Facelets
    </div>
  </body>
</html>

Check the project stage in a JSF page0

Von bennyn am 4. Mai 2014 in

There a these common ways to detect in a JSF page if a project is in development stage or not:

<h:panelGroup rendered="${ (facesContext.application.projectStage eq 'Development')  ? true : false }">
  <h:outputText value="Development stage" />
</h:panelGroup>
 
<h:panelGroup rendered="${ facesContext.application.projectStage eq 'Development' }">
  <h:outputText value="Development stage" />
</h:panelGroup>
 
<h:panelGroup rendered="#{ facesContext.isProjectStage('Development') }">
  <h:outputText value="Development stage" />
</h:panelGroup>
 
<c:if test="${ facesContext.application.projectStage == 'Development' }">
  <h:outputText value="Development stage" />
</c:if>

JSF-Komponenten dynamisch erstellen0

Von bennyn am 6. April 2014 in

Variante 1:

import javax.faces.context.FacesContext;
import javax.faces.application.Application;
import javax.faces.component.html.HtmlInputText;
 
...
 
FacesContext context = FacesContext.getCurrentInstance();
Application app = context.getApplication();
HtmlInputText input = (HtmlInputText) app.createComponent(HtmlInputText.COMPONENT_TYPE);

Variante 2:

import javax.faces.component.html.HtmlInputText;
 
...
 
HtmlInputText input = new HtmlInputText();

Objekt aus JSF Custom Validator erhalten0

Von bennyn am 16. Februar 2014 in

Eine Dropdown-Liste in Form eines f:selectItems-Tags in JSF 2.2 kann einzelne Einträge nur in Form von Strings zurückgeben. Möchte man aber ein Objekt von einem Eintrag aus der Dropdown-Liste haben, so muss man einen JSF Converter implementieren.

Bei Verwendung eines Converters wird für jeden Eintrag aus der Dropdown-Liste die getAsString-Methode ausgeführt, welche das gebundene Objekt Objekt als Parameter erhält. Das gebundene Objekt kann dann zusammen mit einem Key über den FacesContext in der Session gespeichert werden.

Bei der Auswahl eines Elements im Dropdown-Element wird dann die getAsObject-Methode des Convertes aufgerufen. Die getAsObject-Methode enthält entgegen der getAsString-Methode nicht das direkte Objekt sondern nur den Key, den die getAsString zurückgibt. Der erhaltene Key kann aber genutzt werden, um das Objekt wieder aus der Session zu lesen. Der folgende Code zeigt diesen Ansatz:
Weiterlesen …

Handhabung von Formulareingaben mit JSF 2.20

Von bennyn am 19. Dezember 2013 in

Mit JavaServer Faces können bequem und leicht Formulare verwaltet werden. Als Beispiel soll ein Formular zur Registrierung eines Benutzers dienen. Damit die Eingaben in einem Formular serverseitig ausgewertet werden können, braucht jedes JSF-Formular neben seiner XHTML-Ansicht auch eine Instanz, an welche die Eingabedaten gekoppelt werden können. In Java EE 5 wurde eine solche Instanz als Backing Bean bezeichnet. Mit Java EE 6 hat man die Backing Bean dann als eine Variante der Managed Bean untergeordnet und mit Java EE 7 wird in Zukunft alles unter den Begriff Web Beans bzw. CDI fallen. Bevor wir uns aber mit CDI (Contexts and Dependency Injection) auseinandersetzen, möchte ich kurz zeigen, wie das Zusammenspiel aus Managed Bean und JSF-Formular aussieht.
Weiterlesen …

Ressourcen in JSF-Seite verwenden0

Von bennyn am 16. Dezember 2013 in

Bei der Entwicklung von Webseiten mit JavaServer Faces (JSF) ist es ratsam, alle einzubindenden Dateien (Bilder, Stylesheets, Sounds, etc.) über einen sogenannten Ressourcen-Ordner zu verwenden. In einer JEE-Webanwendung kann der Ordner für Ressourcen in der Datei web.xml mit folgender Deklaration festgelegt werden:

<context-param>
  <param-name>javax.faces.WEBAPP_RESOURCES_DIRECTORY</param-name>
  <param-value>/WEB-INF/resources</param-value>
</context-param>

Wird der Ordner für Ressourcen nicht direkt angegeben, existiert standardmäßig trotzdem einer an folgendem Ort: webapp/src/main/resources/META-INF/resources. Die Verwendung des Ressourcen-Ordners in JSF-Seiten hat den Vorteil, dass sich alle darin befindlichen Dateien durch einen ResourceHandler verwalten lassen. Außerdem besteht die Möglichkeit durch Konfiguration des Ressourcen-Ordners, alle Ressourcen auszulagern, etwa in einem Content Delivery Network (CDN).

Verwendet man den standardmäßig vorgegebenen Ressourcen-Ordner, so gibt es viele Wege, um Dateien daraus in einer JSF-Seite anzuzeigen. Das folgende Beispiel zeigt fünf verschiedene Möglichkeiten, um ein Bild einzubinden.
Weiterlesen …

Microsoft Certified Professional Logo
 

Werbung