Beispiel: HTML5 API

Das Beispielprojekt beinhaltet diverse konfigurierte HTML5-Steuerelemente. Die Funktionalität der HTML5-Steuerelemente ist im Onlinebetrieb einfach erkennbar.

Die Steuerelemente sind nur zur Demonstration gedacht. Deshalb verwenden sie ein einfaches Aussehen.

HTML5 Demo Button

Dieses Control demonstriert, wie Sie Mausaktionen über ein HTML5-Control auswerten und über die Eingabekonfiguration an IEC weiterleiten können. Sie können die konfigurierten Eingabeereignisse OnMouseDown, OnMouseUp und OnMouseMove ausführen.

HTML5 Demo Combobox

Dieses Control demonstriert, wie Sie eine IEC-Aufzählung in einer Combobox verwenden können. Das Beispiel zeigt, wie Sie eine Typinformation (getTypeDesc) aus einer Variablen abfragen. Es zeigt weiterhin, wie Sie Farben und Schriftarten übertragen und verwenden können.

HTML5 Demo Image

Dieses Control demonstriert, wie Sie Bilder in einem HTML5-Steuerelement verwenden können.

HTML5 Demo Table

Dieses Control demonstriert, wie Sie ein IEC-Array in einem HTML5-Steuerelement anzeigen und verändern können. Die Daten werden in einer optimierten Weise übertragen. Dabei wird nur ein bestimmter Bereich übertragen. Diese Lösung ist auch für größere Arrays mit vielen Zeilen möglich. Sie können die Werte der Zellen in der Tabelle verändern und so die Werte der Array-Variablen verändern.

HTML5 Demo Table No Scroll Range

Dieses Control demonstriert, wie Sie ein IEC-Array in einem HTML5-Steuerelement anzeigen und verändern können. Das komplette Array wird übertragen, wenn sich ein Wert im Array geändert hat. Sie können die Werte der Zellen verändern und so die Werte der Array-Variablen verändern.

HTML5 Demo Textfield

Dieses Control demonstriert, wie verschiedene Typen von IEC-Skalarwerten in beide Richtungen (Lesen/Schreiben) behandelt werden können.

HTML5 Demo Donut Gauge

Dieses Control demonstriert, wie Sie ein HTML5-Element mit der d3-Bibliothek verwenden können. Die veränderbare Größe des Rahmenbereichs wird direkt über Breite und Höhe übergeben. Es besteht aus einer Anzeige und einer Schaltfläche zum Ziehen.

HTML5 Demo Bar Gauge

Dieses Control demonstriert, wie Sie ein HTML5-Element mit der d3-Bibliothek verwenden können. Die veränderbare Größe des Rahmenbereichs wird direkt über Breite und Höhe übergeben. Es wird ein editierbares Balkenelement angezeigt.