DOIF/uiTable Schnelleinstieg - Versionsgeschichte

Damian-s am 26. April 2026 um 14:45 Uhr

2026-04-26T14:45:26Z

← Nächstältere Version		Version vom 26. April 2026, 16:45 Uhr
Zeile 4:		Zeile 4:
	Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert und über die Web-Oberfläche bedient werden. Eventbasierte Änderungen visualisierter Readings werden unmittelbar in der Web-Ansicht aktualisiert. Eine erstellte Tabelle erscheint unterhalb der Statuszeile eines DOIF-Devices. Das uiTable-Attribut kann in bereits bestehenden DOIFs oder in funktionslosen DOIFs, wie in den unteren Beispielen, als reines WEB-Interface erstellt werden. In der obigen Abbildung ist ein Statusbildschirm aus mehreren Spalten mit mehreren DOIF/uiTable-Definitionen aufgebaut worden.<br>		Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert und über die Web-Oberfläche bedient werden. Eventbasierte Änderungen visualisierter Readings werden unmittelbar in der Web-Ansicht aktualisiert. Eine erstellte Tabelle erscheint unterhalb der Statuszeile eines DOIF-Devices. Das uiTable-Attribut kann in bereits bestehenden DOIFs oder in funktionslosen DOIFs, wie in den unteren Beispielen, als reines WEB-Interface erstellt werden. In der obigen Abbildung ist ein Statusbildschirm aus mehreren Spalten mit mehreren DOIF/uiTable-Definitionen aufgebaut worden.<br>

	Die Darstellungsmöglichkeiten werden anhand von Beispielen insb. mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package namens 'ui_Table' definiert worden. Mit Hilfe dieser Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Konkrete Anwendungsbeispiele werden [[DOIF/uiTable_Anwendung\|hier]] aufgezeigt.		Die Darstellungsmöglichkeiten werden anhand von Beispielen insb. mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package namens 'ui_Table' definiert worden. Mit Hilfe dieser Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Konkrete Anwendungsbeispiele werden '''[[DOIF/uiTable_Anwendung\|hier]]''' aufgezeigt.

	Die folgenden Beispieldefinitionen arbeiten mit konkreten Geräten und Readings, sie können als RAW-Definition [https://wiki.fhem.de/wiki/Import_von_Code_Snippets] ins eigene System übernommen werden, dazu müssen die Gerätenamen, Readings, ggf. auch Icons den existierenden Namen des eigenen Systems angepasst werden. Zum Ausprobieren der Beispiele können statt echter Geräte auch Dummys benutzt werden.		Die folgenden Beispieldefinitionen arbeiten mit konkreten Geräten und Readings, sie können als RAW-Definition [https://wiki.fhem.de/wiki/Import_von_Code_Snippets] ins eigene System übernommen werden, dazu müssen die Gerätenamen, Readings, ggf. auch Icons den existierenden Namen des eigenen Systems angepasst werden. Zum Ausprobieren der Beispiele können statt echter Geräte auch Dummys benutzt werden.

Damian-s am 26. April 2026 um 14:45 Uhr

2026-04-26T14:45:03Z

← Nächstältere Version		Version vom 26. April 2026, 16:45 Uhr
Zeile 4:		Zeile 4:
	Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert und über die Web-Oberfläche bedient werden. Eventbasierte Änderungen visualisierter Readings werden unmittelbar in der Web-Ansicht aktualisiert. Eine erstellte Tabelle erscheint unterhalb der Statuszeile eines DOIF-Devices. Das uiTable-Attribut kann in bereits bestehenden DOIFs oder in funktionslosen DOIFs, wie in den unteren Beispielen, als reines WEB-Interface erstellt werden. In der obigen Abbildung ist ein Statusbildschirm aus mehreren Spalten mit mehreren DOIF/uiTable-Definitionen aufgebaut worden.<br>		Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert und über die Web-Oberfläche bedient werden. Eventbasierte Änderungen visualisierter Readings werden unmittelbar in der Web-Ansicht aktualisiert. Eine erstellte Tabelle erscheint unterhalb der Statuszeile eines DOIF-Devices. Das uiTable-Attribut kann in bereits bestehenden DOIFs oder in funktionslosen DOIFs, wie in den unteren Beispielen, als reines WEB-Interface erstellt werden. In der obigen Abbildung ist ein Statusbildschirm aus mehreren Spalten mit mehreren DOIF/uiTable-Definitionen aufgebaut worden.<br>

	Die Darstellungsmöglichkeiten werden anhand von Beispielen insb. mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package namens 'ui_Table' definiert worden. Mit Hilfe dieser Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Konkrete Anwendungsbeispiele werden ~~hier~~ [[DOIF/uiTable_Anwendung\|~~Anwendungsbeispiele~~]] aufgezeigt.		Die Darstellungsmöglichkeiten werden anhand von Beispielen insb. mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package namens 'ui_Table' definiert worden. Mit Hilfe dieser Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Konkrete Anwendungsbeispiele werden [[DOIF/uiTable_Anwendung\|hier]] aufgezeigt.

	Die folgenden Beispieldefinitionen arbeiten mit konkreten Geräten und Readings, sie können als RAW-Definition [https://wiki.fhem.de/wiki/Import_von_Code_Snippets] ins eigene System übernommen werden, dazu müssen die Gerätenamen, Readings, ggf. auch Icons den existierenden Namen des eigenen Systems angepasst werden. Zum Ausprobieren der Beispiele können statt echter Geräte auch Dummys benutzt werden.		Die folgenden Beispieldefinitionen arbeiten mit konkreten Geräten und Readings, sie können als RAW-Definition [https://wiki.fhem.de/wiki/Import_von_Code_Snippets] ins eigene System übernommen werden, dazu müssen die Gerätenamen, Readings, ggf. auch Icons den existierenden Namen des eigenen Systems angepasst werden. Zum Ausprobieren der Beispiele können statt echter Geräte auch Dummys benutzt werden.

Damian-s am 26. April 2026 um 14:44 Uhr

2026-04-26T14:44:12Z

← Nächstältere Version		Version vom 26. April 2026, 16:44 Uhr
Zeile 4:		Zeile 4:
	Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert und über die Web-Oberfläche bedient werden. Eventbasierte Änderungen visualisierter Readings werden unmittelbar in der Web-Ansicht aktualisiert. Eine erstellte Tabelle erscheint unterhalb der Statuszeile eines DOIF-Devices. Das uiTable-Attribut kann in bereits bestehenden DOIFs oder in funktionslosen DOIFs, wie in den unteren Beispielen, als reines WEB-Interface erstellt werden. In der obigen Abbildung ist ein Statusbildschirm aus mehreren Spalten mit mehreren DOIF/uiTable-Definitionen aufgebaut worden.<br>		Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert und über die Web-Oberfläche bedient werden. Eventbasierte Änderungen visualisierter Readings werden unmittelbar in der Web-Ansicht aktualisiert. Eine erstellte Tabelle erscheint unterhalb der Statuszeile eines DOIF-Devices. Das uiTable-Attribut kann in bereits bestehenden DOIFs oder in funktionslosen DOIFs, wie in den unteren Beispielen, als reines WEB-Interface erstellt werden. In der obigen Abbildung ist ein Statusbildschirm aus mehreren Spalten mit mehreren DOIF/uiTable-Definitionen aufgebaut worden.<br>

	Die Darstellungsmöglichkeiten werden anhand von Beispielen insb. mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package namens 'ui_Table' definiert worden. Mit Hilfe dieser Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. ~~Im Anschluss~~ werden ~~typische '''~~[[DOIF/uiTable_Anwendung\|Anwendungsbeispiele]]~~'''~~ aufgezeigt.		Die Darstellungsmöglichkeiten werden anhand von Beispielen insb. mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package namens 'ui_Table' definiert worden. Mit Hilfe dieser Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Konkrete Anwendungsbeispiele werden hier [[DOIF/uiTable_Anwendung\|Anwendungsbeispiele]] aufgezeigt.

	Die folgenden Beispieldefinitionen arbeiten mit konkreten Geräten und Readings, sie können als RAW-Definition [https://wiki.fhem.de/wiki/Import_von_Code_Snippets] ins eigene System übernommen werden, dazu müssen die Gerätenamen, Readings, ggf. auch Icons den existierenden Namen des eigenen Systems angepasst werden. Zum Ausprobieren der Beispiele können statt echter Geräte auch Dummys benutzt werden.		Die folgenden Beispieldefinitionen arbeiten mit konkreten Geräten und Readings, sie können als RAW-Definition [https://wiki.fhem.de/wiki/Import_von_Code_Snippets] ins eigene System übernommen werden, dazu müssen die Gerätenamen, Readings, ggf. auch Icons den existierenden Namen des eigenen Systems angepasst werden. Zum Ausprobieren der Beispiele können statt echter Geräte auch Dummys benutzt werden.

Damian-s am 26. April 2026 um 14:42 Uhr

2026-04-26T14:42:51Z

← Nächstältere Version		Version vom 26. April 2026, 16:42 Uhr
Zeile 4:		Zeile 4:
	Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert und über die Web-Oberfläche bedient werden. Eventbasierte Änderungen visualisierter Readings werden unmittelbar in der Web-Ansicht aktualisiert. Eine erstellte Tabelle erscheint unterhalb der Statuszeile eines DOIF-Devices. Das uiTable-Attribut kann in bereits bestehenden DOIFs oder in funktionslosen DOIFs, wie in den unteren Beispielen, als reines WEB-Interface erstellt werden. In der obigen Abbildung ist ein Statusbildschirm aus mehreren Spalten mit mehreren DOIF/uiTable-Definitionen aufgebaut worden.<br>		Abhängig von der Art der Funktion können in einer tabellarischen Darstellung FHEM-Geräte visualisiert und über die Web-Oberfläche bedient werden. Eventbasierte Änderungen visualisierter Readings werden unmittelbar in der Web-Ansicht aktualisiert. Eine erstellte Tabelle erscheint unterhalb der Statuszeile eines DOIF-Devices. Das uiTable-Attribut kann in bereits bestehenden DOIFs oder in funktionslosen DOIFs, wie in den unteren Beispielen, als reines WEB-Interface erstellt werden. In der obigen Abbildung ist ein Statusbildschirm aus mehreren Spalten mit mehreren DOIF/uiTable-Definitionen aufgebaut worden.<br>

	Die Darstellungsmöglichkeiten werden anhand von Beispielen insb. mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package namens 'ui_Table' definiert worden. Mit Hilfe dieser Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Im Anschluss werden typische '''[[DOIF/~~uiTable Schnelleinstieg#Anwendungsbeispiele~~\|Anwendungsbeispiele]]''' aufgezeigt.		Die Darstellungsmöglichkeiten werden anhand von Beispielen insb. mit Hilfe bereits im DOIF-Modul vordefinierter uiTable-Funktionen aufgezeigt. Diese Perlfunktionen sind in einem eigenen Package namens 'ui_Table' definiert worden. Mit Hilfe dieser Funktionen lassen sich recht einfach, ohne tiefere HTML/CSS-Kenntnisse, eigene Übersichten definieren. Im Anschluss werden typische '''[[DOIF/uiTable_Anwendung\|Anwendungsbeispiele]]''' aufgezeigt.

	Die folgenden Beispieldefinitionen arbeiten mit konkreten Geräten und Readings, sie können als RAW-Definition [https://wiki.fhem.de/wiki/Import_von_Code_Snippets] ins eigene System übernommen werden, dazu müssen die Gerätenamen, Readings, ggf. auch Icons den existierenden Namen des eigenen Systems angepasst werden. Zum Ausprobieren der Beispiele können statt echter Geräte auch Dummys benutzt werden.		Die folgenden Beispieldefinitionen arbeiten mit konkreten Geräten und Readings, sie können als RAW-Definition [https://wiki.fhem.de/wiki/Import_von_Code_Snippets] ins eigene System übernommen werden, dazu müssen die Gerätenamen, Readings, ggf. auch Icons den existierenden Namen des eigenen Systems angepasst werden. Zum Ausprobieren der Beispiele können statt echter Geräte auch Dummys benutzt werden.

Damian-s: /* Weiterführende Links */

2026-04-23T06:51:06Z

Weiterführende Links

← Nächstältere Version		Version vom 23. April 2026, 08:51 Uhr
Zeile 1.838:		Zeile 1.838:

	== Weiterführende Links ==		== Weiterführende Links ==
			* [[DOIF/uiTable_Anwendung]]
			* [[DOIF/Einfache_uiTable-Funktionen]]
			* [[DOIF/Perl-Modus]]
			* [[DOIF/Automatisierung]]
	* Weitere Beispiele für Fortgeschrittene, siehe "[[DOIF/uiTable\|uiTable mit FHEM-Widgets und Styles]]"		* Weitere Beispiele für Fortgeschrittene, siehe "[[DOIF/uiTable\|uiTable mit FHEM-Widgets und Styles]]"

Damian-s: /* Weiterführende Links */

2026-04-23T06:50:51Z

Weiterführende Links

← Nächstältere Version		Version vom 23. April 2026, 08:50 Uhr
Zeile 1.836:		Zeile 1.836:
	''Ergebnis der Beispieldefinition in der Webansicht:''		''Ergebnis der Beispieldefinition in der Webansicht:''
	[[Datei:UiTable-FOR TPL raum.png\|600px\|ohne]]		[[Datei:UiTable-FOR TPL raum.png\|600px\|ohne]]

	~~=== Weiterführende Links ===~~
	* [[DOIF/uiTable_Anwendung]]
	* [[DOIF/Einfache_uiTable-Funktionen]]
	* [[DOIF/Perl-Modus]]
	* [[DOIF/Automatisierung]]

	== Weiterführende Links ==		== Weiterführende Links ==

Damian-s: /* Weiterführende Links */

2026-04-23T06:42:25Z

Weiterführende Links

← Nächstältere Version		Version vom 23. April 2026, 08:42 Uhr
Zeile 1.839:		Zeile 1.839:
	=== Weiterführende Links ===		=== Weiterführende Links ===
	* [[DOIF/uiTable_Anwendung]]		* [[DOIF/uiTable_Anwendung]]
			* [[DOIF/Einfache_uiTable-Funktionen]]
	* [[DOIF/Perl-Modus]]		* [[DOIF/Perl-Modus]]
	* [[DOIF/Automatisierung]]		* [[DOIF/Automatisierung]]

Damian-s: /* Einfache uiTable-Funktionen */

2026-04-23T06:40:39Z

Einfache uiTable-Funktionen

Änderungen zeigen

Damian-s: /* Eigene uiTable-Funktionen programmieren */

2026-04-23T06:34:13Z

Eigene uiTable-Funktionen programmieren

← Nächstältere Version		Version vom 23. April 2026, 08:34 Uhr
Zeile 1.855:		Zeile 1.855:
	* Es gibt drei Arten von uiTable-Funktionen, sie werden intern anhand der Rückgabewerte unterschieden		* Es gibt drei Arten von uiTable-Funktionen, sie werden intern anhand der Rückgabewerte unterschieden
	* uiTable-Funktionen vom Typ 1: '''HTML''', ein Rückgabewert		* uiTable-Funktionen vom Typ 1: '''HTML''', ein Rückgabewert
	~~'''~~return(<HTML-code>)~~'''~~		<syntaxhighlight lang="perl">
			return(<HTML-code>)
			</syntaxhighlight>
	* uiTable-Funktionen vom Typ 2: '''Style''' (entspricht der '''STY'''-Funktion), zwei Rückgabewerte		* uiTable-Funktionen vom Typ 2: '''Style''' (entspricht der '''STY'''-Funktion), zwei Rückgabewerte
	~~'''~~return(<value>,<CSS-style>)~~'''~~
			<syntaxhighlight lang="perl">
			return(<value>,<CSS-style>)
			</syntaxhighlight>
	* uiTable-Funktionen vom Typ 3: '''Widget''' (entspricht der '''WID'''-Funktion), vier Rückgabewerte		* uiTable-Funktionen vom Typ 3: '''Widget''' (entspricht der '''WID'''-Funktion), vier Rückgabewerte
	~~'''~~return (<value>,<>,<FHEM-widget>,<set-command>: "" or "set" or "set <Readingname>">)~~'''~~		<syntaxhighlight lang="perl">
			return (<value>,<>,<FHEM-widget>,<set-command: "" or "set" or "set <Readingname>">)
			</syntaxhighlight>
	* uiTable-Funktionen sind reine Perlfunktionen		* uiTable-Funktionen sind reine Perlfunktionen
	* uiTable-Funktionen sollten im eigenen Package definiert werden, sonst könnten bestehende Perlfunktionen im System überschrieben werden		* uiTable-Funktionen sollten im eigenen Package definiert werden, sonst könnten bestehende Perlfunktionen im System überschrieben werden

Damian-s: /* Anwendungsbeispiele */

2026-04-23T06:10:32Z

Anwendungsbeispiele

← Nächstältere Version		Version vom 23. April 2026, 08:10 Uhr
Zeile 2.148:		Zeile 2.148:
	''Ergebnis der Beispieldefinition in der Webansicht:''		''Ergebnis der Beispieldefinition in der Webansicht:''
	[[Datei:UiTable-FOR TPL raum.png\|600px\|ohne]]		[[Datei:UiTable-FOR TPL raum.png\|600px\|ohne]]

	~~== '''Anwendungsbeispiele''' ==~~

	=== Weiterführende Links ===		=== Weiterführende Links ===