Steuerelementtypen im Jitterbit App Builder
Steuerelemente sind definierte Datensätze, die in einem Panel im App Builder angezeigt werden, und Steuerelementtyp bestimmt, wie die Daten angezeigt werden und spezifischer, wie sie aussehen. Während die meisten Steuerelementtypen die Auswahl eines Datenobjekts erfordern, tun dies einige nicht. Die verschiedenen Optionen für einen Steuerelementtyp sind wie folgt:
| Name | Beschreibung |
|---|---|
| Autocomplete | Beim Bearbeiten eines Feldes erscheint eine Dropdown-Liste mit anderen Einträgen in der Spalte. Wenn ein bestimmtes Datenobjekt für die Liste verwendet werden soll, kann es durch Auswahl im Dropdown-Menü "Gruppieren nach" angegeben werden, andernfalls wird das Steuerelement standardmäßig auf die Elemente in der Spalte gesetzt. Es gibt drei Filteroptionen für die Liste:
|
| Button | Schaltflächen können verwendet werden, um ein Ereignis auszulösen, um zu einer neuen Seite innerhalb der Anwendung zu verlinken oder um auf eine externe URL zu verlinken. |
| Button-Gruppe | Ein grafisches Steuerelement mit Registerkarten, das es dem Benutzer ermöglicht, nur eine der vordefinierten 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-Gruppe finden Sie weiter unten. |
| Checkbox | Zeigt ein Kontrollkästchenfeld an. Das Kontrollkästchen ist an eine Boolean/Bit-Datenquellenspalte gebunden. Das Kontrollkästchen wird ausgefüllt angezeigt, wenn der Wert 1/wahr ist, und leer, wenn 0/falsch. Wenn die Option Invertieren aktiviert ist, ist das Kontrollkästchen leer, wenn der Wert 1/wahr ist, und ausgefüllt, wenn 0/falsch. Boolean-Spalten sind typischerweise so eingestellt, dass sie keine Nullwerte zulassen und standardmäßig auf 0 gesetzt sind. |
| Farbwähler | Zeigt ein Feld mit der entsprechenden Farbe eines gegebenen Hex-Farbcodes an. Zum Beispiel wird eine Tabellenspalte mit dem Hex-Code #000000 ein schwarzes Feld anzeigen. Wenn eine Farbwahlzeile bearbeitet wird, öffnet sich ein Farbkreis. |
| Datum | Bei der Erstellung eines Datumssteuerelements können Benutzer wählen, ob das Steuerelement das Datum, die Uhrzeit oder beides anzeigt. Die Standardoption ist Erkennen, die den Untertyp des Steuerelements basierend auf dem logischen Datentyp der Datenspalte bestimmt. Wenn ein Datumssteuerelement in einer Anwendung bearbeitet wird, erscheint ein Kalender und ermöglicht es den Benutzern, ein Datum auszuwählen. Für Datumssteuerelemente mit aktivierter Uhrzeit und Datum wird durch Klicken auf das Uhrensymbol eine Uhr angezeigt. |
| Dynamisches Steuerelement | Ein dynamisches Steuerelement kann seinen Typ basierend auf den Daten ändern, die es erhält. Dies ist besonders nützlich für Formulare, die mehrere Eingabetypen verwenden. Kompatible Steuerelementtypen mit dynamischem Steuerelement:
|
| Einbetten | Betten Sie eine Datei von einer URL ein, die sich in einer Tabellenspalte befindet (kann ein binäres Objekt/einzeiliges Panel sein). |
| Datei | Ermöglicht das Hochladen einer Datei. Die Datenspalte, auf der ein Dateisteuerelementtyp basiert, muss binär sein, damit dieser Steuerelementtyp ordnungsgemäß funktioniert. Zur Referenz siehe das Tutorial zum generischen Dateicontainer. |
| Gruppe | Durch die Auswahl von Gruppe kann der Benutzer eine Gruppe für das Panel erstellen, in der ausgewählte Steuerelemente in logischen Gruppen platziert werden können. |
| HTML | Der HTML-Steuerelementtyp hat eine Reihe von Vorlagen, die verwendet werden können, um verschiedene Aufgaben zu erledigen. Zum Beispiel erstellt die Vorlage "Zentriertes Panel" eine Seite, die es dem Benutzer ermöglicht, ein Bild einzufügen und eine kurze Beschreibung zu schreiben. Das Vollbildbild fügt ein Bild aus der Tabelle mit HTML-Codierung ein. Die Google Maps-Vorlage nimmt eine Adresse in der Datentabelle und zeigt sie entweder im Kartenansicht oder in der Straßenansicht an. Kartenwerte können auch verwendet werden, um eine Google-Straßenansicht anzuzeigen. LinkedIn ermöglicht das Verlinken zu einem LinkedIn-Profil. |
| Symbol | Wählt ein Bild aus, das neben anderen Steuerelementen im Panel angezeigt werden soll. |
| Bild | Zeigt ein Bild aus der Jitterbit App Builder-Datenbank an. Kann je nach gewünschtem Ergebnis als 'Symbol' oder 'Foto' im Bildzweck formatiert werden. |
| Linie | Zeigt eine dünne, horizontale Linie an, wenn sie zu einem Panel hinzugefügt wird. Der Linienstylingtyp ist hauptsächlich für die Verwendung in einem einzeiligen Panel im App Builder konzipiert. Der Wert für die Breite des Linienstylingtyps definiert, wie breit die Linie horizontal auf dem Bildschirm angezeigt wird. Wenn Sie die Breite null oder leer lassen (aber nicht 0), nimmt die Linie 100 % des ihr zugewiesenen Platzes ein. Wenn Sie einen numerischen Breitenwert angeben, wie z. B. 25, nimmt sie 25 "Zudys" des zugewiesenen Platzes ein. |
| Liste | Ermöglicht es einem Benutzer, aus einer Liste gültiger Werte auszuwählen. Das Quell-Datenobjekt ist die Tabelle oder das Geschäftsobjekt, das die für die Dropdown-Liste benötigten Werte sowie sowohl den Schlüssel als auch den Titel für das Steuerelement enthält. |
| Numerisch | Zeigt Zahlen an. |
| Passwort | Verschlüsselt den Text, indem der Text in Punkte umgewandelt wird. |
| Fortschrittsbalken | Fügt einen Fortschrittsbalken ein, der verwendet werden kann, um den Fortschritt bei einer Aufgabe oder einem Prozess visuell darzustellen. Die Sichtbarkeit eines Systems oder Prozessstatus ist wichtig für Benutzer im guten UI/UX-Design, da sie ihnen Feedback darüber gibt, was passiert. Weitere Informationen zum Steuerelementtyp Fortschrittsbalken finden Sie weiter unten. |
| Radio | Ein grafisches Steuerelement, das es dem Benutzer ermöglicht, nur eine der vordefinierten 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-Panels verfügbar. |
| Raum | Fügt visuellen weißen Raum ein, ohne dies in HTML tun zu müssen. Diese Funktion ist hauptsächlich für die Verwendung in einem einzeiligen Panel im 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. |
| Textbereich | Zeigt Text in einem größeren Container an und ermöglicht Zeilenumbrüche. |
| Tags | Ermöglicht es einem Benutzer, einen oder mehrere Werte aus einer Liste gültiger Werte auszuwählen. Ausgewählte Werte werden in einer einzelnen Datenbank-Textspalte als durch Kommas getrennte Liste gespeichert. Das Quell-Datenobjekt liefert die Schlüssel- und Titelwerte für die verfügbaren Tags. Siehe Tags für Details und bekannte Einschränkungen. |
| Vorlage | Steuerelementtyp, der eine Reihe von verschiedenen Vorlagen hat, die verwendet werden können, um verschiedene Aufgaben zu erledigen, einschließlich HTML und JSON. |
Die Edge Case > Sort Column-Einstellung ermöglicht es einem Benutzer, die Daten in einer Steuerung nach einer anderen Spalte als der Quellspalte zu sortieren.
Fortschrittsanzeige
Ein Fortschrittsanzeige-Steuerungstyp kann verwendet werden, um einem App Builder-Benutzer visuell anzuzeigen, wie weit er in einem Prozess fortgeschritten ist oder wie viel Fortschritt oder Vollständigkeit bei einer bestimmten Aufgabe erreicht wurde. Zum Beispiel möchten Sie möglicherweise eine Fortschrittsanzeige anzeigen, um anzugeben, wie vollständig die Informationen sind, die Sie gerade erfassen möchten. Der Prozentsatz, der auf einer bestimmten Fortschrittsanzeige ausgefüllt ist, hängt davon ab, dass ein Wert aus der Datenbank benötigt wird, der zwischen 0 und 1 liegt, wobei 1 = 100 % (0,4 würde als 40 % angezeigt).
Die Fortschrittsanzeige unterstützt die folgenden Untertypen:
- Gestapelt = zeigt das Label und den Prozentwert unter der Leiste an
- Normale Leiste = zeigt den Prozentwert innerhalb der Leiste an
Sie können das Erscheinungsbild des Textes auf der Fortschrittsanzeige mit dem Format-String (verfügbar in Edge Case) formatieren, und Sie können die Steuerung weiter mit Stilen anpassen.
Schaltflächengruppe
Der Schaltflächengruppe-Steuerungstyp erhält Daten wie Radio-Steuerungen heute, erzeugt jedoch Schaltflächen, die anklickbar sind, um den entsprechenden Wert festzulegen. Sie unterstützen den Excel-Modus und erscheinen als Schaltflächen, wenn sie dies tun (ähnlich wie Kontrollkästchen, die den Wert beim Klicken im Excel-Modus automatisch speichern). Einige Stile werden durch Themen gesteuert, die Sie auf das Feld anwenden können.
Tags
Die Tags-Steuerung ermöglicht es Benutzern, einen oder mehrere Werte aus einer Liste gültiger Werte auszuwählen. Ausgewählte Werte werden zusammen in einer einzelnen Datenbank-Textspalte als durch Kommas getrennte Liste gespeichert (zum Beispiel TagA,TagB,TagC). Wie die Liste-Steuerung erfordert die Tags-Steuerung ein Quell-Datenobjekt, das die Schlüssel- und Titelwerte für die verfügbaren Tags bereitstellt.
Die Tags-Steuerung erscheint in der Edge Case-Gruppe in der Liste der Steuerungstypen.
Bekannte Einschränkungen
- Filterung wird nicht unterstützt. Tags-Steuerelemente 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 Mehrfachauswahl-Steuerelemente und werden nicht in den Eigenschaften des Tags-Steuerelements angezeigt.