Class HTML_Panel

constructor

• new HTML_Panel(): HTML_Panel

  Returns HTML_Panel

StaticinvalidElements

StaticmapHeaderAfterElements

StaticvalidatorRegistered

StaticdeterminePage

• determinePage(element: HTMLElement): HTMLElement

  Ruft die erste „.CXPage“-HTMLElement über dem angegebenen „Element“ ab.

  Parameters

  • element: HTMLElement

    The HTMLElement to start the search from.

  Returns HTMLElement

  Die „.CXPage“-HTMLElement, die das angegebene „Element“ enthält.

Staticfunctionality

• functionality(toLoad: { [key: string]: unknown }, toProcess: Element): undefined

  Diese Funktionalität wandelt das getaggte HTMLDivElement in ein Panel um. Die Kopfzeile des Panels, die zum Ein-/Ausklappen verwendet wird Das Panel ist ein HTMLElement, getaggt mit der CSS-Klasse „CodBi_HTML_Panel_Header“, der höchstens verschachtelt ist zwei Ebenen innerhalb des getaggten HTMLElement. Daher wird die Verwendung eines * XIMA-Text-Elements als Header bereitgestellt der XIMA-Text/HTML-Editor zur Erstellung des Header-Inhalts.

  Konfigurationsparameter:

  • Gefaltet: Gibt an, ob dieses Panel wann gefaltet (TRUE) oder entfaltet (alles andere) ist es wird geladen (Standard ist TRUE).
  • CSSHeaderHover: Der CSS:hover des optionalen Headers (standardmäßig {scale: 1.1 ;}).
  • CSSHeaderActive: Das CSS:active des optionalen Headers (standardmäßig {scale: .9 ;}).
  • CSSHeaderUnfolded: Das optionale CSS, das beim Ausklappen des Panels auf den Header angewendet werden soll.
  • DCSSHeaderUnfolded: Das optionale Darkmode-CSS, das beim Ausklappen des Panels auf den Header angewendet wird.
  • CSSAnimFadeINPanel: Die optionale Animation, die bei jedem Öffnen des Panels auf das Panel angewendet werden soll ist entfaltet.
  • CSSAnimFadeINPanelDuration: Die Dauer der optionalen Animation, die jederzeit auf das Panel angewendet wird Das Panel ist entfaltet (Standard: 0s).
  • CSSAnimFadeINPanelEasing: Die Beschleunigungsfunktion der optionalen Animation, die auf das Panel angewendet wird immer dann, wenn das Panel aufgeklappt ist (Standardeinstellung ist „ease-in-out“).
  • CSSAfterHeader: Das CSS:after, das auf den Header angewendet werden soll, wenn das Panel gefaltet wird.
  • CSSBeforeHeader: Das CSS:before, das auf den Header angewendet werden soll, wenn das Panel gefaltet wird (wird überschrieben, wenn Pflichtfelder im Panel enthalten sind).
  • CSSAfterHeaderContent: Der CSS:after-Inhalt, der auf den Header angewendet werden soll, wenn das Panel gefaltet wird.
  • CSSBeforeHeaderContent: Der CSS:before-Inhalt, der auf den Header angewendet werden soll, wenn das Panel gefaltet wird. (wird überschrieben, wenn Pflichtfelder im Panel enthalten sind).
  • CSSAfterHeaderContentUnfolded: Der CSS:after-Inhalt, der beim Ausklappen des Panels auf den Header angewendet werden soll.
  • CSSBeforeHeaderContentUnfolded: Der CSS:after-Inhalt, der beim Ausklappen des Panels auf den Header angewendet werden soll. (wird überschrieben, wenn Pflichtfelder im Panel enthalten sind).
  • CSSRequiredFieldsContent: Der CSS:before-Inhalt, der auf den Header angewendet werden soll, wenn er eine Validierung enthält sensibles Feld.
  • CSSRequiredFields: Das CSS:before, das auf den Header angewendet wird, wenn dieser eine Validierung enthält sensibles Feld.
  • AutoHeaderTitle: Der stringder automatisch generierte Header soll angezeigt werden.
  • AutoHeaderTitleSupplementsSpacer Der string, der den eigentlichen Titel von allen strings trennt das wird ergänzt, weil es sich um HTMLInputElement.values handelt HTMLInputElements mit dem Tag CSS-Klasse CodBi_HTML_Panel_AutoHeaderTitle_Supplement ohne XFieldSets oder XContainer dazwischen.
  • AutoHeaderLevel: Welche Eingrenzungsebene der „AutoHeaderTitle“ haben soll, z.B. Um ein <h1>-Gehäuse zu erhalten, muss der Wert 1 sein.
  • ScrollBlock: Definiert die logische Position, zu der beim Panel gescrollt werden soll entfaltet ist (Anfang, Mitte, Ende, am nächsten). Standardmäßig ist „am nächsten“ eingestellt.
  • GenerateHeader: Gibt an, ob ein Header automatisch generiert werden soll. Der Standardwert ist FALSE.
  • Scrollen Gibt an, ob die Ansicht beim Ausklappen des Panels gescrollt werden soll. Der Standardwert ist FALSE.
  • Akkordeon Wenn festgelegt, wird dieses Bedienfeld Teil eines Akkordeons. Alle Panels teilen sich das Gleiche Der Akkordeonname wird gefaltet, wenn einer von ihnen aufgeklappt wird.

  Parameters

  • toLoad: { [key: string]: unknown }

    Provided by CodBi.checkAttributes / CodBi.loadConfig.

  • toProcess: Element

    Provided by CodBi.checkAttributes / CodBi.loadConfig.

  Returns undefined

  Throws

  A CodBiError if the tagged Element does not contain ein Kind der CSS-Klasse „CodBi_HTML_Panel_Header“.

StaticunfoldPanelAncestors

• unfoldPanelAncestors(from: HTMLElement): void

  Klappt alle HTML-Panels auf, die Vorgänger des angegebenen Element sind, indem ein Klick darauf simuliert wird Kopfzeile, wenn sie gefaltet sind.

  Parameters

  • from: HTMLElement

    The Element to start the unfolding from.

  Returns void