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

      Radio Group

      Die Radio Group, enthält eine Reihe von Buttons und ermöglicht dem Endbenutzer, eine einzige Auswahl aus der Menge zu treffen.

      In diesem Artikel lesen Sie folgende Inhalte:

      Radio Group Properties

      Radio Group Funktionalitäten

      Tipp! Hier sehen Sie mehr über die Komponente.

      1. Radio Group Properties

      Properties

      Beschreibung

      ID

      Bezeichnung / Benamung der Headline

      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

      Option 1: in Properties bestehende Bootstrap-Klassen einfügen

      Option 2: über Hauptmenü in den Page Templates (für “alles verfügbar”)

      Option 3: Page definitions (nur für diese Seite)

      Header / Footer

      Show header / Show footer:
      Checkbox steuert ob der Text angezeigt wird.

      Display:
      Option 1: Use Text (Text wird ohne Formatierung ausgegeben.
      Option 2: Use HTML (Im Text kann HTML verwendet werden)

      Text: Text der ausgegeben wird.

      TD_FT_Panel

      Orientation

      Horizontal (left to right): Enthaltene Komponenten werden nebeneinander dargestellt.

      Vertical (top to bottom): Enthaltene Komponenten werden untereinander dargestellt.

      Size

      Expand bottom: Wenn aktiviert, wird das Panel in voller Höhe der Row dargestellt in der es platziert ist

      Item spacing (px)

      Abstand in Pixel um jede im Panel enthaltene Kompnente.

      Item (nur horizontal)

      Im Panel (Horizontal) werden alle enhaltenen Komponenten in gleicher Breite dargestellt. Durch Auswahl einer enthaltenen Komponente, kann dieser durch Angaben bei Weight, mehr Breite zugewiesen werden.

      Weight (nur horizontal)

      Der bei Item ausgewählten Komponente kann durch Angabe einer Verhältniszahl mehr Breite zugewiesen werden. z.B. Angabe von 2 bedeutet, dass die Komponente doppelt so breit dargestellt wird.

      Vertical align (nur horizontal)

      Optionen:

      • Top

      • Center

      • Bottom

      2. Radio Group Funktionalitäten

      Events

      Event

      Beschreibung (GAPTEQ Designer)

      selectionChanged

      This event fires when the selection was changed anyhow.

      changedByUser

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

      enterKey

      This event fires when the enter key was pressed.

      Actions

      Kategorisierung

      Action

      Beschreibung

      State

      enable()

      Enable the radio group.

      disable()

      Disable the radio group.

      setEnabled(enabled)

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

      show()

      Shows the radio group.

      hide()

      Hides the radio group.

      setVisible(visible)

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

      writeable()

      Make the radio group writeable.

      readonly()

      Make the radio group read-only.

      setReadOnly(readOnly)

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

      focus()

      Sets focus on the radio group.

      Data

      refresh()

      Refresh

      clearSelection()

      Clear the selection.

      selectValue(value)

      Select a value of the radio group.
      value: The value to select.

      selectKey(key)

      Select a key of the radio group.
      key: The key to select.

      selectFirst()

      Select the first item of the radio group.

      selectFirstIfEmpty()

      Select the first item of the radio group if there is no selection.