Filtern & Auswahl
      Zurück zur Startseite
      1. Knowledge Base
      2. Komponenten & Funktionalitäten
      3. Filtern & Auswahl

      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.