Zu Content springen
Deutsch
Zu gapteq.com
  • Es gibt keine Vorschläge, da das Suchfeld leer ist.

Edit Box

Mit der Edit Box Komponente lassen sich einzelne Eingabe Boxen definieren, die durch die verschiedensten vordefinierten Formate die Usability stark unterstützen.

In diesem Artikel lesen Sie folgende Inhalte: 

Edit Box Properties

Edit Box Funktionalitäten

Tipp! Hier sehen Sie mehr über die Komponente.

1. Edit 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
 TD_FT_EditBoxBox

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. Edit Box Funktionalitäten 

Events

Event

Beschreibung

valueChanged

This event fires when the value was changed anyhow.

changedByUser

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

(alt)EnterKey

This event fires when the enter key was pressed.
ALT is required in text areas.

Actions

Kategorisierung

Action

Beschreibung

State

enable()

Enable the editbox.

disable()

Disable the editbox.

setEnabled(enabled)

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

show()

Shows the editbox.

hide()

Hides the editbox.

setVisible(visible)

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

writeable()

Make the editbox writeable.

readonly()

Make the editbox read-only.

setReadOnly(readOnly)

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

focus()

Sets focus on the editbox.

Data

clearValue()

Clear the value.

setValue(value)

Set a value.
value: The value to set.

updateFormat()

Update the format.