WaBis

walter.bislins.ch

CP: Dokumentation

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.

CP Klassen

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

CP Funktionen

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.
Weitere Infos zur Seite
Erzeugt Sonntag, 7. August 2016
von wabis
Zum Seitenanfang
Geändert Freitag, 7. Juli 2017
von wabis