Benutzerdefinierte Tags in JSF 2.0

Benutzerdefinierte Tags in JSF 2.0

In JSF 2.0 können Sie Ihr benutzerdefiniertes Tag erstellen, um einen vordefinierten Inhalt zu rendern. Ein benutzerdefiniertes Tag sieht aus wie ein normales JSF-Tag und verwendet "ui:composition", um Inhalte in die Seite einzufügen.

Im Folgenden finden Sie eine Zusammenfassung der Schritte zum Erstellen eines benutzerdefinierten Tags in JSF 2.0.

  1. Verwendet das Tag: ui: compisition, um einen vordefinierten Inhalt in einer XHTML-Seite zu erstellen.

  2. Deklariert das benutzerdefinierte Tag in einem Tag-Bibliotheksdeskriptor.

  3. Registrieren Sie den Tag-Bibliotheksdeskriptor in der Datei web.xml.

Beispiel für ein benutzerdefiniertes Tag

Eine Anleitung zum Erstellen eines benutzerdefinierten Tags, mit dem zwei vordefinierte Schaltflächen zum Senden und Zurücksetzen in eine Seite eingefügt werden.

1. Benutzerdefiniertes Tag

Erstellen Sie eine normale XHTML-Datei, um das benutzerdefinierte Tag zu implementieren, das mithilfe des Tags "ui: composition" die Schaltflächen "submit" und "reset" gruppiert.

WEB-INF/tags/com/example/button.xhtml




    
       

        
        

       
    

2. Tag-Bibliothek

Definieren Sie benutzerdefinierte Tagdetails in einer Tag-Bibliotheksdeskriptordatei.

  1. namespace - Namespace dieser Tag-Bibliothek. Erstellen Sie einen eindeutigen Namen, um Konflikte zu vermeiden.

  2. tag-name - Benutzerdefinierter Tag-Name.

  3. source - Implementierung des benutzerdefinierten Tags.

WEB-INF\example.taglib.xml




    http://example.com/facelets
    
    button
    tags/com/example/button.xhtml
    

3. Registrieren Sie sich in web.xml

Registrieren Sie die Tag-Bibliothek in der Datei web.xml.

 
 
    facelets.LIBRARIES
    /WEB-INF/example.taglib.xml
 

4. Benutzerdefiniertes Tag verwenden

Um das benutzerdefinierte Tag zu verwenden, müssen Sie den Namespace oben deklarieren und wie ein normales JSF-Tag verwenden.




    
        

Custome Tags in JSF 2.0

Das benutzerdefinierte Tag "Beispiel: Schaltfläche" rendert eine Schaltfläche zum Senden und eine Schaltfläche zum Zurücksetzen.

jsf2-custom-tag—​example

Quellcode herunterladen

Laden Sie es herunter -JSF-2-Custom-Tag-Example.zip (11 KB)