JAX 07: Session: Apache Trinidad – 1st Class JSF

Trinidad ist ein Framework

• Render Kit für HTML + Ajax
• Beinhaltet Dialoge, optimierte Komponentenspeicherung
• Maven 2 Faces – Plugin
• Personalisierung / Layout-Anpassungen
• Skinning: CSS-Eigenschaften

Historie

• Trinidad wurde ursprünglich von Oracle geschenkt
• Eingliederung in Apache MyFaces
• Seit Sonntag, 22. April 2007, nicht mehr im Inkubator! Trinidad ist nun eine „offizielle“ Apache MyFaces Komponentenbibliothek
• Lizenz: Apache 2.0

Neuerungen in Trinidad

• Menu Model Abstraction
• Maven 2 Faces Plugin
• >> generiert Komponenten, Tags, XML-Files
• Unterstützung von Facelets
• CSS-Styles / Skinning ist möglich
• Personalizaton Framework ist enthalten

Core Components (not complete)

• tr:breadCrumbs – Navigation
• tr:chart – Diagramm (wird vollständig per Vekorgrafik gerendert!)
• tr:chooseColor – Farbeingabe
• tr:chooseDate – Datumseingabe
• tr:document – Seitencontainer, generiert die Elemente html, body und form.
• tr:goButton & tr:goLink – Buttons / Links ohne Navigation
• tr:icon – Skin
• tr:image – Bild
• tr:importScript – Script Imports
• tr:inputFile – Upload
• tr:navigationPane – Tabs, Bars oder Buttons als Navi-Leiste
• tr:objectMedia – Multimedia-Inhalte
• tr:inputNumberSpinbox – rauf/runter Pfeile, min / max-Values
• tr:page – Layout
• tr:panel* – verschiedene Layout- udn Visualisierungskomponenten
• tr:poll – nutzt tr:progressIndicator, Partals Reload der Seite, progressIndicator triggert tr:poll und erzeugt Updates der Daten, tr:poll besitzt timer und bringt Daten ins GUI. „PPR“: Partial Page Rendering
• tr:select* – Vielzahl an Auswahl-Komponenten
• tr:seperator – Seperator (zB in Menüs, Select-Comps…)
• tr:table – Table, mit Scrolling bereits enthalten
• tr:train – Rendert Navigation
• etc

Verwendung von PPR (Partial Page Rendering)

• autoSubmit – für input-Komponenten, um eine action abzufeuern
• partialSubmit – für command-Komponenten (link / button)
• partialTriggers – für listener, beziehen sich auf eine Komponente (connect per Properties id / partialTriggers)
• Alternativ: eine gewöhnliche Komponente in einem Poll ( tr:poll ) einfassen.

Dialog Framework

• dialog:wizard, useWindow-Attribut setzen
• Darstellung der Seite (nach Request) per Navi-Regel in einem eigenen (Browser-)Fenster

Links:

• Sample App: http://code.google.com/ …trinidad

thanks to Mathias Weßendorf 🙂