Erstellen
Eine Code-Behind-Datei kann auf Projektebene oder in einen Projektordner hinzugefügt werden. Es können beliebig viele Code-Behind-Dateien zu dem Projekt hinzugefügt werden.
Eine Code-Behind-Datei kann basierend auf TypeScript oder JavaScript erstellt werden. Beide haben die gleichen technischen Möglichkeiten und sind in der Programmierung sehr ähnlich. Auf Grund der wesentlich besseren Programmier-Unterstützung seitens Visual Studio sollte für eine neue Funktion TypeScript gewählt werden.
Klicken Sie per Rechtsklick auf den Zielknoten und klicken Sie auf Neues Element hinzufügen. Wählen Sie eine Code-Behind-Datei aus. Die Code-Behind-Datei kann per Doppelklick im Quellcode-Editor geöffnet werden.

Code-Behind Sort Order
Wenn Sie mehrere Code-Behind-Dateien zu dem Projekt hinzugefügt haben, besteht die Möglichkeit, die Reihenfolge im Build-Prozess und somit bei der Inkludierung innerhalb der HTML-Datei des HMIs festzulegen. Dieses ist notwendig, wenn Abhängigkeiten innerhalb der einzelnen Dateien bestehen.
Klicken Sie dazu per Rechtsklick auf den Projektknoten des HMI-Projektes und klicken Sie auf CodeBehind Sort Order and Theme Assignment.

Innerhalb des Editors kann die Sortierreihenfolge unter dem Reiter JavaScript Files festgelegt werden. Die Reihenfolge kann über die Buttons Up und Down verändert werden.
![]() | Die Browser unterstützen nur JavaScript-Dateien. Daher wird in diesem Fenster die generierte JavaScript-Datei angezeigt. |
