Webseiten-HMI-Skripterstellung

Das Webseiten-HMI-Skripterstellung basiert auf JavaScript und unterstützt HTML5.

Das Webseiten-HMI-Skripterstellung erfolgt unter Verwendung des Skript-Editor. Dabei ist zu beachten:

• Die Ausführung findet in einem Webbrowser statt, jedoch nur, wenn der Job online ist.
• Tags werden am Anfang des Skripts gespeichert. Wenn der Tag-Wert von einer anderen Komponente des Systems aktualisiert wird, während das Webseiten-HMI-Skript ausgeführt wird, wirkt sich diese Änderung nicht auf den Wert des Tags im Webseiten-HMI-Skript aus. Nach Abschluss des Webseiten-HMI-Skripts wird der aktualisierte Tag-Wert in das Tag zurückgeschrieben und überschreibt alle anderen Änderungen des Tags, die während der Ausführung des Webseiten-HMI-Skripts vorgenommen wurden.

• Verwenden Sie für Aktionen, die nur die HMI betreffen, die Ereignis-Handler-Skripte für Webseitenelemente. Falls die Aktion eine sofortige Aktualisierung erfordert, verwenden Sie ein Versprechen innerhalb des Codes. Versprechen sollten verwendet werden, um die Rückgabewerte eines Webseiten-Skripts abzurufen und dann abhängigen Skriptcode auszuführen.

  Hinweis: Weitere Informationen zur Verwendung von Versprechen finden Sie im Thema JavaScript-Versprechen für Webseiten.

• Ereignis-Handler-Skripte für Webseitenelemente

  Diese Skripte werden mit Ereignissen von Webseitenelementen verwendet, z. B. On Mouse Enter, On Mouse Up, On Changed usw.

Die Webseiten-HMI-Skripterstellung kann interagieren mit:

• Die Eigenschaften von Webseitenelementen, die als Tags veröffentlicht werden (Eigenschafts-Tags von Webseitenelementen).

  Auf diese Weise können Sie mithilfe von Tags auf die Eigenschaften von Elementen zugreifen, z. B. die Eigenschaft Value des Schieberegler-Elements oder die Eigenschaft Text eines Textfeldelements.

  Beispiel:

  $MyTag = 45;

  console.log($MyErrorMessageTag);

  $WebPages.WebPage.TextBox.Text = "new text";

  $WebPages.WebPage.DataTable.Content = { Header: ["Header1"], Data: [ ["test"], ["test2] ] }

  $WebPages.WebPage.DataTable.Content = new TableData(["Header1"], [ ["test"], ["test2"] ] )

  Hinweis: Die beiden Beispiel für DataTable führen zum gleichen Ergebnis.