Verbesserung
Wichtig
Detail
Fehlerbehebung
Wichtig
Detail
Durch Umsetzung von Ticket #27350 werden beim Scrollen in einer Tabelle in aller Regel Zeilen "nachgeladen". Dazu berechnet der Client wieviele Zeilen benötigt und an welche Stelle sie platziert werden sollen. Anschließend wird ein Request zum Server geschickt, damit dieser die geforderten Zeilen rendert. Während dieser Zeit werden Platzhalter mit einem "glowing-Effekt" dargestellt, die später durch den Server mit dem Inhalt der Zeilen ersetzt werden. Das dient dazu dem Nutzer darauf hinzuweisen, dass weitere Zeilen nachgeladen werden.
Das Styling dieses Platzhalters und die entsprechende Animation ist nicht ideal. Der Platzhalter erstreckt sich über die ganze Zeile und seine Farbe ist viel zu dunkel. Desweiteren wäre ein zusätzlicher freier Platz zu seinen Rändern wünschenswert.
Umsetzung
Es wird für jede Zelle der Zeile ein Platzhalter gerendert, so dass die Tabellenstruktur weiterhin erkennbar ist. Außerdem wurde ein Padding für die Platzhalter-Tabellenzellen hinzugefügt und die Farbe des Platzhalters angepasst.
Die Animation für den "glowing-Effekt" wurde geändert. Zu Beginn ist der Platzhalter bei opacity: 0 und erhält im Laufe der Animation die volle Sichtbarkeit.
Test
Tabelle mit vielen Zeilen anzeigen und anfangen zu scrollen. Wenn die Zeilen zu "schnell" geladen werden, kann man in den Entwicklertools in der Datei table.js in der Methode renderRows in der Zeile callbackBeforeRequest einen Breakpoint setzen und den Zeitpunkt beobachten wenn Platzhalter gerendert werden, aber der entsprechende Request von Zeilen noch nicht zum Server gesendet wurde.