tibi-docs/docs/md/projektkonfig/collections/fields/widgets.md
2023-05-31 15:51:36 +00:00

2.2 KiB

Widgets

Das im tibi-admin für die Ein- und Ausgabe von Daten zu verwendente Widget wird über die Feldkonfiguration meta.widget festgelegt. Die Angabe erfolgt als String mit dem Widget-Namen.

Nicht jedes Widget kann mit jedem Datentyp umgehen, die möglichen Datentypen werden aber nachfolgend bei jedem Widget erwähnt. Außerdem wird auf individuelle Konfigurationsmöglichkeiten eingegangen.

string / text / input

number / int / integer / float / double

boolean / bool / check / switch / checkbox

select / selectArray

Diese beiden sind eigentlich auch einfach nur unterschiedliche Namen für dasselbe widget, da intern die differenzierung zwischen und einfach nur anhand davon getroffen wird, ob im Datentyp ein "[]" am Ende ist oder nicht. Vorgesehen ist aber natürlich selectArray für string array Datentypen und select für einen normalen String. Es sind (aktuell) nur Strings möglich, da alle values in einen string konvertiert, anpassungen sind hier aber bei bedarf möglich. Anzumerken ist, dass das name attribut das visuell dargestellte ist, wobei die id der abgespeicherte Wert ist. Wird choices als objekt angegeben, so wird die request and den spezifizierten endpoint geschickt und letzten endes das name attribut von ihm angezeigt. Die id der ausgewählten elemente wird intern als String abgespeichert.

date / dateTime

Können für type "date" verwendet werden. date erstellt ein widget (nur das Datum). dateTime erstellt ein widget (datum + uhrzeit).

richtext / html

Unterschiedliche bezeichnungen für ein und dasselbe widget. Dieses wird für den Datentyp string verwendet und repräsentiert ein Textarea feld mit mehreren bearbeitungsmöglichkeiten (ähnl wie World), wobei der Input als HTML in einen String geladen wird. Das html kann man durch die Checkbox "source" auch manuell anpassen.

file / image / mediaLibraryFile

Dies sind unterschiedliche Beziechnungen für das selbe widget . Wird für den Datentyp file verwendet.

checkboxArray

chipArray

object

objectArray / object[]

tabs

contentbuilder

siehe: ContentBuilder