FHEM Forum

FHEM => Frontends => readingsGroup / readingsHistory => Thema gestartet von: christiang am 19 November 2016, 15:27:59

Titel: readingsGroup sortierbar machen
Beitrag von: christiang am 19 November 2016, 15:27:59
Hallo zusammen,

habe neulich ein schickes JavaScript Modul online entdeckt, mit dem man HTML-Tabellen sehr einfach sortierbar machen kann (per Klick auf die Spaltenüberschriften). Ein kurzer Test zeigte, dass es auch auf die ReadingsGroups anwendbar ist, weswegen ich das hier mit euch teilen möchte. Gibt sicher den einen oder anderen, den das interessiert und der damit ein wenig experimentieren möchte.

Das Skript stammt von: http://www.kryogenix.org/code/browser/sorttable/

Zur Verwendung muss das js-File http://www.kryogenix.org/code/browser/sorttable/sorttable.js in den Ordner fhem/www/pgm2 abgelegt und im Fhemweb Device eingebunden werden.
attr WEB JavaScripts pgm2/sorttable.js
Anschließend muss es nur noch in der ReadingsGroup für die Tabelle aktiviert werden und schon ist die Gruppe sortierbar.
attr rgroup style class="sortable"

Leider wird dabei das Styling der Tabelle zerschossen, was aber wahrscheinlich über ein CSS korrigiert werden kann. Bin bisher noch nicht dazu gekommen, dem weiter nachzugehen.

mfg, Christian
Titel: Antw:readingsGroup sortierbar machen
Beitrag von: Hans Franz am 20 November 2016, 01:27:23
Sehr schön. Guter Fund.
class="block wide readingsGroup sortable"
erhält das ursprüngliche Layout bis auf die odd/even-Einfärbung.

Gruß
Hans
Titel: Antw:readingsGroup sortierbar machen
Beitrag von: justme1968 am 12 Dezember 2016, 18:25:55
ich habe hier: https://forum.fhem.de/index.php/topic,62440.0.html (https://forum.fhem.de/index.php/topic,62440.0.html) ein update beschrieben das die funktionalität direkt in die readingsGroup einbaut und es auch ermöglicht beim seitenaufbau automatisch nach einer spalte zu sortiere.

gruss
  andre