Steuerelementtypen in Jitterbit App Builder
Steuerelemente sind definierte Datensätze, die in einem Panel in App Builder angezeigt werden, und der Steuerelementtyp bestimmt, wie die Daten angezeigt werden und genauer gesagt, wie sie aussehen. Während die meisten Steuerelementtypen die Auswahl eines Datenobjekts erfordern, trifft dies auf einige nicht zu. Die verschiedenen Optionen für einen Steuerelementtyp sind wie folgt:
| Name | Beschreibung |
|---|---|
| Autocomplete | Beim Bearbeiten eines Feldes wird eine Dropdown-Liste mit anderen Einträgen in der Spalte angezeigt. Wenn ein bestimmtes Datenobjekt für die Liste verwendet werden soll, kann es durch Auswahl aus dem Dropdown-Menü „Gruppieren nach" angegeben werden. Andernfalls wird das Steuerelement standardmäßig auf Elemente in der Spalte zurückgreifen. Es gibt drei Filteroptionen für die Liste:
|
| Button | Schaltflächen können verwendet werden, um ein Ereignis auszulösen, zu einer neuen Seite innerhalb der Anwendung zu verlinken oder zu einer externen URL zu verlinken. |
| Button Group | Ein Steuerelement mit Registerkarten, das dem Benutzer ermöglicht, nur eine aus einem vordefinierten Satz von Optionen auszuwählen. Ähnlich wie der Steuerelementtyp „Radio". Dieser Steuerelementtyp erfordert eine Quelle, um die Schlüssel- und Titelwerte abzurufen. Weitere Informationen zum Steuerelementtyp „Button Group" finden Sie unten. |
| Checkbox | Zeigt ein Kontrollkästchen an. Das Kontrollkästchen ist an eine Boolean/Bit-Datenspalte gebunden. Das Kontrollkästchen wird gefüllt angezeigt, wenn der Wert 1/true ist, und leer, wenn 0/false. Wenn die Option Invertieren aktiviert ist, ist das Kontrollkästchen leer, wenn der Wert 1/true ist, und gefüllt, wenn 0/false. Boolean-Spalten sind normalerweise so eingestellt, dass sie keine Nullwerte zulassen, und standardmäßig auf 0 gesetzt. |
| ColorPicker | Zeigt ein Feld mit der entsprechenden Farbe eines bestimmten Hexadezimalfarbcodes an. Beispielsweise zeigt eine Tabellenspalte mit dem Hexadezimalcode #000000 ein schwarzes Feld an. Wenn eine Farbwähler-Zeile bearbeitet wird, öffnet sich ein Farbrad. |
| Date | Beim Erstellen eines Date-Steuerelements können Benutzer wählen, ob das Steuerelement das Datum, die Uhrzeit oder beides anzeigt. Die Standardoption ist „Erkennen", die den Steuerelementuntertyp basierend auf dem logischen Datentyp der Datenspalte bestimmt. Wenn ein Date-Steuerelement in einer Anwendung bearbeitet wird, wird ein Kalender angezeigt, mit dem Benutzer ein Datum auswählen können. Bei Date-Steuerelementen mit aktiviertem Datum und Uhrzeit wird durch Klicken auf das Zeitsymbol eine Uhr angezeigt. |
| Dynamic | Ein Dynamic-Steuerelement kann zur Laufzeit basierend auf dem Status des zugrunde liegenden Datenobjekts als ein anderer Steuerelementtyp gerendert werden. Dies ist besonders nützlich für Formulare, die mehrere Eingabetypen verwenden. Weitere Informationen finden Sie unter Dynamic. Kompatible Steuerelementtypen:
|
| Embed | Bettet eine Datei von einer URL ein, die sich in einer Tabellenspalte befindet (könnte ein binäres Objekt/Single-Row Panel sein). |
| File | Ermöglicht das Hochladen einer Datei. Die Datenspalte des Datenobjekts, auf der ein File-Steuerelementtyp basiert, muss binär sein, damit dieser Steuerelementtyp ordnungsgemäß funktioniert. Weitere Informationen finden Sie im Tutorial Generic File Container. |
| Group | Durch Auswahl von „Group" kann der Benutzer eine Gruppe für das Panel erstellen, in der ausgewählte Steuerelemente in logischen Gruppierungen platziert werden können. |
| HTML | Der HTML-Steuerelementtyp verfügt über eine Reihe von Vorlagen, die zum Ausführen verschiedener Aufgaben verwendet werden können. Beispielsweise erstellt die Vorlage „Centered Panel" eine Seite, auf der der Benutzer ein Bild einfügen und eine kurze Beschreibung schreiben kann. „Full Panel Image" fügt ein Bild aus der Tabelle mit HTML-Codierung ein. Die Google Maps-Vorlage nimmt eine Adresse aus der Datentabelle und zeigt sie entweder in der Kartenansicht oder in der Straßenansicht an. Kartenwerte können auch verwendet werden, um eine Google Street View anzuzeigen. LinkedIn ermöglicht das Verlinken zu einem LinkedIn-Profil. |
| Icon | Wählt ein Bild aus, das neben anderen Steuerelementen im Panel angezeigt wird. |
| Image | Zeigt ein Bild aus der App Builder-Datenbank an. Kann je nach gewünschtem Ergebnis in „Image Purpose" als „icon" oder „photo" formatiert werden. |
| Line | Zeigt eine dünne, horizontale Linie an, wenn sie einem Panel hinzugefügt wird. Der Line-Steuerelementtyp ist hauptsächlich für die Verwendung in einem Single Row Panel in App Builder konzipiert. Der Width-Wert für den Line-Steuerelementtyp definiert, wie breit die Linie horizontal auf dem Bildschirm angezeigt wird. Wenn Sie Width auf null oder leer lassen (aber nicht 0), nimmt die Linie 100 % des zugewiesenen Platzes ein. Wenn Sie einen numerischen Width-Wert angeben, z. B. 25, nimmt die Linie 25 „Zudy's" des zugewiesenen Platzes ein. |
| List | Ermöglicht einem Benutzer, aus einer Liste gültiger Werte auszuwählen. Das Source Data Object ist die Tabelle oder das Geschäftsobjekt, das die für die Dropdown-Liste erforderlichen Werte sowie den Schlüssel und den Titel für das Steuerelement enthält. |
| Numeric | Zeigt Zahlen an. |
| Password | Verschlüsselt den Text, indem der Text in Punkte geändert wird. |
| Progress Bar | Fügt einen Fortschrittsbalken ein, der verwendet werden kann, um den Fortschritt bei einer Aufgabe oder einem Prozess visuell darzustellen. Die Sichtbarkeit eines System- oder Prozessstatus ist wichtig für Benutzer im guten UI/UX-Design, da sie ihnen Feedback darüber geben, was passiert. Weitere Informationen zum Steuerelementtyp „Progress Bar" finden Sie unten. |
| Radio | Ein Steuerelement, das dem Benutzer ermöglicht, nur eine aus einem vordefinierten Satz von Optionen auszuwählen. Dieser Steuerelementtyp erfordert eine Quelle, um die Schlüssel- und Titelwerte abzurufen, und ist für Board Panels, Lane Panels und Standard-Panel-Typen verfügbar. |
| Space | Fügt visuellen Leerraum ein, ohne dies in HTML tun zu müssen. Diese Funktion ist hauptsächlich für die Verwendung in einem Single Row Panel in App Builder konzipiert. |
| Text | Zeigt Text an. Dieser Text kann auch verwendet werden, um ein Ereignis auszulösen: Löschen oder Speichern, Verlinken zu einer neuen Seite innerhalb der Anwendung oder Verlinken zu einer externen URL. |
| Text Area | Zeigt Text in einem größeren Container an und ermöglicht Zeilenumbrüche. |
| Tags | Ermöglicht einem Benutzer, einen oder mehrere Werte aus einer Liste gültiger Werte auszuwählen. Ausgewählte Werte werden in einer einzelnen Datenbanktextspalte als kommagetrennte Liste gespeichert. Das Quelldatenobjekt stellt die Schlüssel- und Titelwerte für die verfügbaren Tags bereit. Weitere Informationen und bekannte Einschränkungen finden Sie unter Tags. |
| Template | Steuerelementtyp mit einer Reihe verschiedener Vorlagen, die zum Ausführen verschiedener Aufgaben verwendet werden können, einschließlich HTML und JSON. |
Die Einstellung Edge Case > Sort Column ermöglicht es einem Benutzer, die Daten in einem Steuerelement nach einer anderen Spalte als der Quellspalte zu sortieren.
Fortschrittsbalken
Ein Progress Bar-Steuerelementtyp kann verwendet werden, um einem App Builder-Benutzer visuell anzuzeigen, wie weit er in einem Prozess fortgeschritten ist, oder um den Fortschritt oder die Vollständigkeit einer bestimmten Aufgabe anzuzeigen. Beispielsweise können Sie einen Fortschrittsbalken anzeigen, um anzuzeigen, wie vollständig die Informationen sind, die Sie derzeit erfassen möchten. Der Prozentsatz, der in einem bestimmten Fortschrittsbalken ausgefüllt ist, hängt davon ab, dass ein Wert aus der Datenbank erforderlich ist, der zwischen 0 und 1 liegt, wobei 1 = 100% (0,4 würde als 40% angezeigt).
Progress Bar unterstützt die folgenden Untertypen:
- Gestapelt = zeigt das Label und den Prozentwert unter dem Balken an
- Normaler Balken = zeigt den Prozentsatz innerhalb des Balkens an
Sie können die Darstellung des Texts auf dem Fortschrittsbalken mithilfe von Format String (verfügbar in Edge Case) formatieren und das Steuerelement mithilfe von Styles weiter anpassen.
Schaltflächengruppe
Der Button Group-Steuerelementtyp ruft Daten wie heute Radio Controls ab, erzeugt aber Schaltflächen, auf die geklickt werden kann, um den entsprechenden Wert festzulegen. Sie unterstützen den Excel-Modus und werden als Schaltflächen angezeigt, falls vorhanden (ähnlich wie Kontrollkästchen den Wert automatisch speichern, wenn Sie den Excel-Modus verwenden). Einige Stile werden durch Designs gesteuert, die auf das Feld angewendet werden können.
Tags
Das Tags-Steuerelement ermöglicht Benutzern, einen oder mehrere Werte aus einer Liste gültiger Werte auszuwählen. Ausgewählte Werte werden zusammen in einer einzelnen Datenbanktextspalte als kommagetrennte Liste gespeichert (z. B. TagA,TagB,TagC). Wie das List-Steuerelement erfordert das Tags-Steuerelement ein Quelldatenobjekt, das die Schlüssel- und Titelwerte für die verfügbaren Tags bereitstellt.
Das Tags-Steuerelement wird in der Gruppe Edge Case in der Steuerelementtypenliste angezeigt.
Bekannte Einschränkungen
- Filterung wird nicht unterstützt. Tags-Steuerelementfelder können nicht zu einem Filterpanel hinzugefügt werden.
- Links werden nicht unterstützt. Weder statische noch dynamische Links können im Tags-Steuerelement konfiguriert werden.
- Abrufbindungen sind nicht verfügbar. Abrufbindungen gelten nicht für Mehrfachauswahlsteuerelemente und werden nicht in den Tags-Steuerelement-Eigenschaften angezeigt.