Editierbares Grid
Beschreibung
Vor langer Zeig suchte ich vergeblich nach einer JSF Komponente, die ich für ein Intranet Projekt meines Kunden verwenden wollte. Es sollte ein editierbares Grid sein, das hauptsächlich horizontales Scrollen der mittleren Spalten erlaubt wobei die linken Spalten fest und die rechten Spalten fest stehen bleiben. Zusätzlich sollte es auf Client Seite auch mit mehr als 1000 Zellen noch schnell aufgebaut werden..
Ich entschied dann mir eine eigene Grid Komponente basierend auf JSF/Mojarra und JSAction zu bauen. Statt HTML table Code generiert der Grid Renderer HTML div Code aus der HtmlDataTable, der dann von JSAction geparsed wird. Ausserdem werden statt 1000 HTML input Elementen die UIInput Komponenten zu HTML span Elementen auf Client Seite gerendert.
Dieses Demo meines Grid wird derzeit nur mit Firefox in einem Intranet Projekt eingesetzt. Es is keinesfalls perfekt und einiges noch fehlerhaft, aber die wichtigen Features sind sehr nützlich.
Features
- Feste Kopfzeile, feste Fusszeile, Feste Kontrollzeile
- Feste Spalten links, feste Spalten rechts, scrollbare Mittelspalten
- Feste Spaltengrösse
- Eigene Icons in der Kontrollzeile möglich
- Einblenden/ausblenden von ausgewählten Spalten
- Horizontales und vertikales scrollen
- Navigation mit den tastatur pfeilen inclusive automatischen scrollen
- Spezielle Druck Ansicht
- Zellen Cursor
- Readonly Zellen
- Grösse änderbar
- CSS Styling