Erste Aktion ist das Erzeugen eines ControlPanel Objektes mit ControlPanels.NewPanel(). Danach können Header und Ein-/Ausgabe-Objekte, sog. ControlPanel-Felder, mit den Feld-Funktionen in einem solchen ControlPanel erzeugt werden. Wenn ein ControlPanel Objekt vollständig definiert ist, wird es mit Render() in die Webseite eingebaut. Die Interaktionen von JavaScripts mit den ControlPanel-Objekten geschieht über die Verwaltungs-Funktionen.
| ControlPanels | Globales Objekt und Klasse mit Funktionen, die auf eine ausgewählte Menge von ControlPanel Objekten angewandt werden können. Hier sind auch globale Funktionen z.B. zum Erzeugen von ControlPanel Objekten definiert. |
| ControlPanel | Ist Container für die ControlPanel-Felder, das sind Objekte, welche von CpField abgeleitet sind wie z.B. das CpTextField |
| CpField | Basis-Klasse für diverse ControlPanel-Felder wie CpTextField, CpSliderField usw. |
| CpHtmlField | dient der Darstellung von beliebigem HTML-Code in einer ControlPanel-Zelle |
| CpTextField | dient der Darstellung und Eingabe von Zahlen und Texten in einer ControlPanel-Zelle per HTML Input-Element |
| CpSliderField | Eingabe/Ausgabe von Zahlen per Schieberegler in einer ControlPanel-Zelle |
| CpCheckboxField | Checkbox-Elemente in einer ControlPanel-Zelle |
| CpRadiobuttonField | Radiobutton-Elemente in einer ControlPanel-Zelle |
Globale ControlPanels Funktionen | |
|---|---|
| NewPanel() | Erzeugt ein ControlPanel Objekt |
| NewSliderPanel() | Erzeugt ControlPanel speziell für CpSliderFields |
| Button() | Erzeugt den HTML-Code für einen Button |
| ResetButton() | Erzeugt den HTML-Code für einen Reset-Button |
| ResetButtonR() | Erzeugt den HTML-Code für einen Reset-Button und platziert ihn rechts |
| SmallButton() | Erzeugt den HTML-Code für einen kleinen-Button z.B. für Titelzeilen |
| SmallButtonR() | Erzeugt den HTML-Code für einen kleinen-Button z.B. für Titelzeilen rechtsbündig |
| Update() | Ruft die Update() Funktion aller oder einer Auswahl von ControlPanels auf. |
| UpdateLayout() | Ruft die UpdateLayout() Funktion aller oder einer Auswahl von ControlPanels auf. |
| Invalidate() | Ruft die Invalidate() Funktion aller oder einer Auswahl von ControlPanels auf. |
| Reset() | Ruft die Reset() Funktion aller oder einer Auswahl von ControlPanels auf. |
| ConnectDom() | Ruft die Init() Funktion aller oder einer Auswahl von ControlPanels auf, um die ControlPanels erneut mit ihren DOM-Elementen der Webseite zu verlinken. |
| Init() | Ruft die Init() Funktion aller oder einer Auswahl von ControlPanels auf. |
| IsEnabled() | Ruft die IsEnabled() Funktion eines bestimmten ControlPanel-Feldes auf. |
| SetEnabled() | Ruft die SetEnabled() Funktion aller oder einer Auswahl von ControlPanels auf. |
| IsDisplayed() | Ruft die IsDisplayed() Funktion eines bestimmten ControlPanel-Feldes auf. |
| DeletePanels() | Ruft die Delete() Funktion aller oder einer Auswahl von ControlPanels auf. |
| Get() | Sucht ein ControlPanel über seinen Namen in der PanelList des globalen ControlPanels Objektes. |
| GetIx() | Sucht ein ControlPanel über seinen Namen in der PanelList des globalen ControlPanels Objektes und gibt seinen Index in die Liste zurück. |
| GetField() | Ruft die Funktion GetField() eines bestimmten ControlPanels auf. |
| ForEachPanel() | Führt eine Funktion auf alle oder eine Auswahl von ControlPanel aus. |
ControlPanel Funktionen | |
| Render() | Schreibt den HTML-Code des ControlPanel in die Webseite |
| GetHtml() | Erzeugt den HTML-Code des ControlPanel und gibt ihn als String zurück |
| Init() | Verbindet das ControlPanel mit den entsprechenden Dom-Elementen und liest die aktuellen Modell-Werte als Standardwerte für die ControlPanel-Felder. Wenn das Tabs-Modul auf der Webseite verwendet wird, wird dort die Funtkion UpdateLayout() installiert, damit sich die ControlPanels bei Sichtbarwerden eines Tab-Bereiches das Layouts automatisch anpassen. |
| Update() | Liest die aktuellen Modell-Werte und zeigt sie in den ControlPanel-Feldern an |
| Invalidate() | Erzwingt ein Update aller ControlPanel-Felder beim nächsten Aufruf von Update() |
| UpdateLayout() | Veranlasst, dass das Layout aller ControlPanel-Felder neu berechnet wird. Diese Funktion wird automatisch gerufen, wenn die Fenstergrösse oder das Layout der Seite geändert wird, oder wenn ein ControlPanel sichtbar wird. |
| IsDisplayed() | Gibt false zurück wenn das ControlPanel oder ein übergeordnetes Dom-Elemente nicht sichtbar (style.display = none). |
| Reset() | Setzt alle Modell-Properties auf die Standardwerte der ControlPanel-Felder zurück. |
| Delete() | Löscht ein ControlPanel und gibt seine Felder frei. Die zugehörigen Dom-Elemente werden auf Wunsch ebenfalls gelöscht. |
| GetHtmlID() | Gibt die HTML-ID eines ControlPanel zurück |
| GetDomObj() | Gibt eine Referenz auf das DOM-Element (eine HTML-Tabelle) eines ControlPanel zurück |
ControlPanel Feld-Funktionen | |
| AddHeader() | Erzeugt eine Überschrift in einem ControlPanel Objekt |
| AddEmptyField() | Erzeugt ein CpHtmlField ohne Text in einem ControlPanel Objekt |
| AddHtmlField() | Erzeugt ein CpHtmlField in einem ControlPanel Objekt |
| AddTextField() | Erzeugt ein CpTextField in einem ControlPanel Objekt |
| AddSliderField() | Erzeugt ein CpSliderField in einem ControlPanel Objekt |
| AddValueSliderField() | Erzeugt ein CpSliderField mit einem CpTextField |
| AddCheckboxField() | Erzeugt ein CpCheckboxField in einem ControlPanel Objekt |
| AddRadiobuttonField() | Erzeugt ein CpRadiobuttonField in einem ControlPanel Objekt |
| GetField() | Sucht ein ControlPanel-Feld über seinen Namen im Array Fields des ControlPanel. |
| IsEnabled() | gibt true zurück wenn ein bestimmtes ControlPanel-Feld oder Item enabled ist. |
| SetEnabled() | Setzt den Status eines ControlPanel-Feldes auf enabled. |