PrimeFaces

PrimeFaces ist eine quelloffene JSF-Bibliothek und besteht aus der Komponentenbibliothek PrimeUI mit mehr als 100 neuen JSF-Komponenten, PrimeMobile, einer Bibliothek für UI-Komponenten optimiert für mobile Web-Applikationen, und PrimePush, einer Ajax-Push-Unterstützung mithilfe von WebSockets, um Daten vom Server zur Oberfläche zu bringen. Der Fokus des PrimeFaces-Seminars liegt auf den leistungsfähigen JSF 2-Komponenten, wie Tabellen, Bäume, Editoren mit Autovervollständigung und Charts für den Web-Brower. Dabei bekommen Teilnehmer neben der Installation, Konfiguration und dem Skinning praktische Hinweise zum Debugging von JSF-Anwendungen. Im Ausblick geht das Seminar auf PrimeMobile ein und zeigt die auf jQuery Mobile basierende JSF-Bibliothek für Geräte der iPhone- oder Android-Klasse.

Inhalte des Seminars

Einführung in PrimeFaces

• Möglichkeiten und Komponenten von PrimeFaces
• Zusammenspiel von PrimeFaces und jQuery
• PrimeFaces und HTML
• Unterschiede und Migration zur PrimeFaces 2 (JSF 1)
• Installation von PrimeFaces, Abhängigkeiten, Konfigurationen, Namensraum

Grundlegende PrimeFaces-Komponenten

• Nachrichten: Message und Messages
• OutputLabel
• Separator, Spacer
• Button mit Grafiken, SelectBooleanButton, SelectBooleanCheckbox
• Radio-Button
• SelectManyXXX und SelectOneXXX-Komponenten
• Autovervollständigung, Item-Tipps
• InputText, InputTextarea, Inplace, Editor, InputMask, Keyboard
• Password
• Watermark
• Spinner
• Slider
• Fortschritt anzeigen: ProgressBar
• Ratings
• SelectCheckboxMenu
• Calendar, Time-Picker, Schedule
• Captcha
• Color-Picker
• Menü, Menüzeile, Kontext-Menü, Mega-Menü, SlideMenu, SubMenu, TieredMenu
• Toolbar
• SplitButton
• BreadCrump
• FileDownload und FileUpload
• Google Maps einbinden, Anpassen der Ansicht, Map-Infos
• TagCloud
• Tooltips ergänzen

Dialoge und Benachrichtigungen

• Dialog Panel, Effekte
• Confirm Dialog
• NotificationBar
• Growl
• LightBox
• Log

Container-Komponenten und Layouting

• Gruppierungen mit Panel
• PanelGrid
• Layout, LayoutUnit
• ScrollPanel
• TabView und Tab
• OverlayPanel
• Accordion
• DataList
• DataGrid
• Carousel, Galleria, Ring
• Stack
• Dashboard
• Dock
• Größenveränderung möglich machen mit Resizable
• Wizards aufbauen

Tabellen, Listen und Bäume

• Spaltenbeschreibungen, Column und ColumnGroup
• DataTable, Pagination, Sortierung, Filtern, Zeilenauswahl, Gruppierung, Scrollen
• Expandable Rows
• Cell-Editoren, Row-Editor
• Lazy Loading
• Summary Row
• Untertabellen
• Data-Exporter zum Datenexport in Excel, PDF, CSV, XML
• OrderList
• PickList
• Sheet
• Tree, TreeNode
• TreeTable

Charts für den Webbrowser

• Line, Area, Bar, Bubble, Donut, Pie
• MeterGauge
• OHLC
• Animate
• Export
• Interactive
• Live Update
• Static
• Zoom
• DataScroller, Cache, Spotlight, ColumnToggler, ContentFlow

Lightweight Ajax und Partial Rendering

• CommandButton, CommandLink
• OutputPanel
• Ajax-Behaviour als Erweiterung zu <f:ajax>
• AjaxStatus
• BlockUI
• Partial Rendering und Partial Processing
• Poll
• Terminal

Weitere PrimeFaces Möglichkeiten

• Collector
• Drag & Drop realisieren
• Fokus setzen
• IdleMonitor
• Tastendrücken registrieren mit HotKey
• Formulare und Fieldset, DefaultCommand
• CSS Klassen der Komponenten
• Theming/Skinning, Theme-Switcher
• PrimeFaces Push, Channel
• RemoteCommand
• jQuery UI effects für PrimeFaces
• Feeds einbinden
• Die JavaScript API
• Portlets
• GraphicImage, ImageCompare, ImageCropper, ImageSwitch
• Multimedia-Inhalte einbinden, PhotoCam
• Printer
• jQuery Mobile und PrimeFaces Mobile
• PrimeFaces Extensions Project