DataGrid – State-Persistenz
Mit SaveStateEnabled="true" merkt sich das Grid automatisch seinen Zustand
in der Browser-SessionStorage. Beim Zurücknavigieren ist alles noch genau so wie beim Verlassen.
Was wird gespeichert?
Sortierung:
Welche Spalte sortiert ist und in welche Richtung (aufsteigend / absteigend / keine)
Aktive Seite:
Auf welcher Seite der Pager zuletzt stand
Seitengröße:
Wie viele Einträge pro Seite zuletzt gewählt waren
Der State wird pro TItem-Typ getrennt gespeichert – zwei Grids mit unterschiedlichen Datentypen beeinflussen sich nicht gegenseitig. Die SessionStorage wird automatisch geleert, wenn der Browser-Tab geschlossen wird.
Tabelle 1 – Mitarbeiter (25 Einträge, PageSize 5)
Sortiere eine Spalte, wechsle die Seite oder ändere die Seitengröße – dann navigiere weg und zurück.
Nr. | Nachname | Vorname | Abteilung | Eintrittsdatum | Gehalt (€) |
|---|---|---|---|---|---|
| 1 | Müller | Andreas | Entwicklung | 02.02.2013 | 3.285,00 |
| 2 | Wagner | Sabine | Marketing | 03.03.2014 | 3.370,00 |
| 3 | Schneider | Thomas | Vertrieb | 04.04.2015 | 3.455,00 |
| 4 | Fischer | Laura | HR | 05.05.2016 | 3.540,00 |
| 5 | Weber | Markus | Finanzen | 06.06.2017 | 3.625,00 |
Tabelle 2 – Produkte (20 Einträge, PageSize 4) – eigener, unabhängiger State
Diese Tabelle hat einen völlig unabhängigen State von Tabelle 1.
Art.-Nr. | Bezeichnung | Kategorie | Lagerbestand | Preis (€) |
|---|---|---|---|---|
| ART-1001 | Notebook Pro 15 | Hardware | 12 | 32,49 |
| ART-1002 | Wireless Maus | Software | 19 | 44,99 |
| ART-1003 | USB-C Hub | Zubehör | 26 | 57,49 |
| ART-1004 | Monitor 27" | Netzwerk | 33 | 69,99 |