Calendar Box

Die Calendar Box zeigt einen Kalender an und ermöglicht es, das gewünschte Datum innerhalb eines bestimmten Datumsbereichs einfach auszuwählen.

In diesem Artikel lesen Sie folgende Inhalte: 

Calendar Box Properties

Calendar Box Funktionalitäten

Tipp! Hier sehen Sie mehr über die Komponente. 

1. Calendar Box Properties

Properties

Beschreibung

ID

Bezeichnung / Benamung der Combo Box

Color scheme

Initiale Farbschemen:

  • Normal: schwarz

  • Default: blau

  • Success: grün

  • Danger: rot

Konfiguriert in Color Schemes

CSS class

Elemente einer Gruppe/Klasse zuordnen, für die dann bestimmte Formatierungen gelten

Tab index

Sprungreihenfolge durch Tab Taste

Access

Zugriffsrechte auf Komponente

Integrated Label

Schlüsselspalte

Spaltenwert (Col value), welcher im Drop Down der Combo Box angezeigt werden soll

 

Strind Expression

Custom Expression

Label

  • Enable search → Sucheingabe als Vorfilter in Combo Box ermöglichen

  • Show clear button → Löschen der Sucheingabe möglich

 

Value Type

 

 

Field Format

 

Empty text

Anzeigetext, wenn keine Einstellungen bei Integraded label / Label getroffen sind (“Do not use”-Einstellung)

 

No data text

Anzeigetext, wenn keine passenden Daten zur Sucheingabe enthalten sind

 

Hint

Mouse Over Hinweis / Text

State storing / Session variable

 

  • No state storing

  • Save state in page → Zustand / Auswahl der Combo Box für Seite speichern

  • Save state in session → Zustand / Auswahl der Combo Box für die ganze Session speichern

2. Calendar Box Funktionalitäten 

Events

Event

Beschreibung

valueChanged

This event fires when the date was changed anyhow.

changedByUser

This event fires when the date was changed by the user.

Actions

Kategorisierung

Action

Beschreibung

State

enable()

Enable the calendar.

disable()

Disable the calendar.

setEnabled(enabled)

Enable/disable the calendar.
enabled: Flag to indicate enabled or disabled.

show()

Shows the calendar.

hide()

Hides the calendar.

setVisible(visible)

Show/hide the calendar.
visible: Flag to indicate shown or hidden.

writeable()

Make the calendar writeable.

readonly()

Make the calendar read-only.

setReadOnly(readOnly)

Set the calendar to read-only/writeable.
readOnly: Flag to indicate read-only or writeable.

focus()

Sets focus on the calendar.

Data

setToday()

Set date to today.

setValue(value)

Set a date.
value: The value to set.