Panels im Jitterbit App Builder

Einführung

Panels im App Builder sind die Container auf den Seiten Ihrer Anwendungen, die die Informationen anzeigen, die in der Benutzeroberfläche dargestellt werden, wie Daten, Bilder und alle Arten von Steuerelementen.

Alle Seiten in App Builder-Anwendungen sind mit Hilfe von Panels organisiert. Es gibt mehrere Arten von Panels, die auf dieser Seite beschrieben werden.

Paneltypen

Im App Workbench Pages-Tab können Sie eine beliebige Seite Ihrer Anwendung auswählen oder auf klicken, um eine neue zu erstellen. Wenn Sie dies tun, gelangen Sie zum Bearbeitungsbildschirm dieser Seite, wo das Page Panel Layout-Panel es Ihnen ermöglicht, alle Panels auf dieser Seite zu konfigurieren.

Ein Klick auf die Schaltfläche + Panel hinzufügen öffnet den Dialog Ein Panel erstellen:

Der Dialog listet alle verfügbaren Paneltypen auf, die auch in den folgenden Abschnitten beschrieben werden:

• Dynamisch

  • Grid
    Mehrere Datenzeilen mit Feldern, die horizontal erscheinen.

  • Tile
    Daten, die als Kacheln angezeigt werden und die Seite nach unten umschließen.

  • Formular
    Eine einzelne Datenzeile mit Steuerelementen, die vertikal erscheinen.

• Bericht

  • Kalender
    Daten, die als Kalender in verschiedenen Ansichten angezeigt werden.

  • Diagramm
    Daten visuell in einer Reihe von Diagrammtypen darstellen.

  • Gantt
    Daten als Gantt-Diagramm anzeigen, zur Planung und Terminierung.

  • Karte
    Eine Karte anzeigen, um geografische Beziehungen zu visualisieren.

  • Netzwerkdiagramm
    Beziehungen zwischen verbundenen Elementen visuell darstellen.

  • Pivot
    Daten im Format einer Pivot-Tabelle anzeigen.

• Randfall

  • Benutzerdefiniertes HTML
    Ermöglicht die Anzeige von benutzerdefiniertem HTML.

  • Dateibrowser
    Fügt ein Dateibrowser-Steuerelement zu Ihrem Panel hinzu.

  • Rahmen
    Reserviert Platz auf der Seite, um andere Inhalte zu laden.

  • Bahn
    Daten werden als Kacheln in einer Reihe von Bahnen angezeigt.

Dynamisch

Grid

Grid ist der grundlegende Paneltyp zur gleichzeitigen Anzeige mehrerer Datenzeilen. Dieser Paneltyp zeigt spezifische Spalten aus der ausgewählten Datenquelltabelle oder -objekt an. Ein Klick auf den Titel einer Spalte ermöglicht das Sortieren der Zeilen in aufsteigender oder absteigender Reihenfolge. Die Gesamtzahl der Zeilen in einem Grid-Panel wird in der oberen rechten Ecke, über den Spaltentiteln, angezeigt. Die Anzahl der gleichzeitig geladenen Zeilen (abhängig von der Gesamtzahl der Datensätze) kann geringer sein als die Gesamtzahl oder eine Teilmenge aller Datensätze darstellen. Um mehr Zeilen anzuzeigen, klicken Sie auf die Schaltfläche Weitere Zeilen laden am unteren Rand des Panels.

Kachel

Kachel-Panels kombinieren das Verhalten von Grid-Panels und Formular-Panels. Wie Grid-Panels zeigen Kachel-Panels mehrere Informationssätze gleichzeitig an. Informationen aus Datenquelltabellen oder -objekten werden jedoch in Blöcken von links nach rechts anstelle von in Spalten präsentiert. Wie bei Formular-Panels sind die Steuerelemente mit anderen Steuerelementen in derselben Position in der Datentabelle gruppiert.

Formular

Formular-Panels sind so konzipiert, dass sie eine einzelne Datenzeile aus der ausgewählten Datenquelle anzeigen. Dieser Paneltyp ist besonders nützlich als Popup-Fenster oder Detailseite in einer Anwendung. Wenn Formular-Panels mehrere Steuerelemente zugewiesen werden, wird jedes Steuerelement einzeln angezeigt.

Bericht

Kalender

Kalender-Panels füllen einen Kalender mit Informationen aus der ausgewählten Datenquelle. Ähnlich wie Diagramm-Panels können Kalender-Panels mit einem anderen Panel verknüpft werden, um detailliertere Informationen zu einem Ereignis im Kalender anzuzeigen.

Erforderliche Steuerungstypen

• Beschreibung: Gibt an, was im Kalender angezeigt wird; typischerweise der Name eines Ereignisses.
• Ereignisbeginn: Gibt an, an welchem Tag das Ereignis beginnt; kann Zeitstempel enthalten, die neben der Ereignisbeschreibung angezeigt werden.
• Ereignisende: Gibt an, an welchem Tag das Ereignis endet; kann Zeitstempel enthalten, die neben der Ereignisbeschreibung angezeigt werden.

Optionale Steuerungstypen

• Farbe: Farbwert, der vom Kalender verwendet wird, um Ereignisse anzuzeigen.
• Sortieren: Ermöglicht das Anwenden von Sortierungen auf den ausgewählten Wert.

Diagramm

Diagramm-Panels zeigen Daten in einer grafischen Darstellung an. Der App Builder unterstützt viele Diagrammtypen, einschließlich Balken-, Säulen-, Linien- und Flächendiagrammen. Diagramme können mit den zugrunde liegenden Daten verknüpft werden, sodass ein Benutzer durch Klicken die unterstützenden Daten anzeigen kann.

Erforderliche Steuerungstypen

• Kategorie: Stellt die X-Achse (horizontal) im Diagramm dar.
• Wert: Stellt die Y-Achse (vertikal) im Diagramm dar.

Optionale Steuerungstypen

• Farbe: Farbwert, der im Diagramm verwendet wird.
• Sortieren: Ermöglicht das Anwenden von Sortierungen auf den ausgewählten Wert.
• Flagge: Wird verwendet, um ein Ereignis oder einen Punkt von Interesse zu kennzeichnen.
• JSON-Optionsobjekt: JSON-Objekt, das die Diagrammoptionen überschreibt.

Gantt

Gantt-Panels zeigen Gantt-Diagramme an, die nützlich für die Planung und Terminierung von Projekten sind. Sie helfen dabei, abzuschätzen, wie lange ein Projekt dauern sollte, die benötigten Ressourcen zu bestimmen und die Reihenfolge zu planen, in der Aufgaben abgeschlossen werden. Gantt-Diagramme sind auch ein hilfreiches Werkzeug für das Management von Abhängigkeiten zwischen Aufgaben.

Um ein Gantt-Diagramm auf einem Gantt-Panel zu verwenden, benötigen Sie ein Geschäftsobjekt, das Informationen für die erforderlichen Steuerelemente enthält. Gantt-Diagramme können auch Aufgabenabhängigkeiten und Aufgabengruppen darstellen, vorausgesetzt, diese Informationen sind im Geschäftsobjekt konfiguriert.

Erforderliche Steuerelementtypen

• Aufgabe: Stellt eine einzelne Projektaufgabe dar, die verfolgt wird.
• Startdatum: Stellt das Startdatum der Aufgabe dar.
• Enddatum: Stellt das Enddatum der Aufgabe dar.

Optionale Steuerelementtypen

• Farbe: Farbwert für die Aufgabe im Diagramm.
• Abhängigkeit: Bestimmt die Beziehung von der Aufgabe zu anderen Aufgaben, von denen sie abhängt.
• Übergeordnete Aufgabe: Referenz auf eine andere Aufgabe aus dem Geschäftsobjekt, die für die hierarchische Anordnung verwendet wird.
• Sortieren: Ermöglicht das Anwenden von Sortierungen auf den ausgewählten Wert.
• Aufgabengruppe: Wird verwendet, um mehrere Aufgaben in derselben Zeile zu gruppieren oder anzuordnen.

Karte

Karten-Panels zeigen eine Karte an, auf der Steuerelemente über geografische Standorte visualisiert werden können. Die Namen der Kartenregionen in Ihrem zugrunde liegenden Geschäftsobjekt müssen mit den Identifikatoren aus den Highmaps-Quellkarten übereinstimmen; dies kann zusätzliche Aufmerksamkeit erfordern, um sicherzustellen, dass Ihr Geschäftsobjektschlüssel von der Quellkarte erkannt werden kann. Wenn Sie beispielsweise ein Geschäftsobjekt mit US-Kreisnamen haben, sind die Kreisnamen möglicherweise nicht eindeutig – in diesem Fall müssen Sie eine Spalte haben, die mit dem Schlüssel von Highmaps übereinstimmt. Verschiedene Karten, die über die Highmaps-API bereitgestellt werden, können basierend auf den Daten, die Sie anzeigen möchten, ausgewählt werden.

Für weitere Informationen zu Karten-Panels siehe Karten-Panel. Für Informationen zu den in dem Karten-Panel bereitgestellten Quellkarten siehe die Highmaps-Dokumentation.

Erforderliche Steuerelementtypen

• Kategorie: Land, Bundesstaat usw.
• Wert: Wert, der mit der Kategorie verbunden ist.

Optionale Steuerelementtypen

• JSON-Optionsobjekt: JSON-Objekt, das die Diagrammoptionen überschreibt.
• Farbe: Farbwert für ein Ereignis oder eine Aufgabe.

Netzwerkdiagramm

Netzwerkdiagramm-Panels zeigen die Verbindungen zwischen einer Gruppe von Entitäten. Jede Entität wird durch einen Knoten dargestellt, und die Verbindungen zwischen den Knoten werden durch Links dargestellt.

Erforderliche Steuerungstypen

• Von: Von Knoten für diesen Link.
• Knoten: Netzwerkdiagramm-Knoten.
• Knotenbeschriftung: Netzwerkdiagramm-Knotenbeschriftung. Erforderlich bei Verwendung von UUIDs für Beziehungen.

Optionale Steuerungstypen

• JSON-Optionsobjekt: JSON-Objekt, das die Diagrammoptionen überschreibt.
• Linkfarbe: Netzwerkdiagramm-Linkfarbe.
• Farbe: Farbwert für ein Ereignis oder eine Aufgabe.

Pivot

Pivot-Panels zeigen eine Pivot-Tabelle mit Informationen aus einer Datenquelle an.

Erforderliche Steuerungstypen

• Spalte: Füllt die Spaltenüberschriften aus.
• Zeile: Füllt die Zeilenüberschriften aus.
• Wert: Zeigt die relevanten Daten aus der Quelle an.

Randfall

Benutzerdefiniertes HTML

Benutzerdefiniertes HTML-Panels verwenden HTML/CSS-Vorlagen, um Daten und Bilder anzuzeigen. Sie bieten ein hohes Maß an Kontrolle über die Anzeigeausgabe und ähneln einer Standard-Webseite.

Dateibrowser

Dateibrowser-Panels sind mit einem lokalen oder Netzwerk-Dateisystem verbunden und sehen ähnlich wie ein Verzeichnis aus. Sie ermöglichen es Benutzern, Dateien auf einen Server hochzuladen und auf ein Gerät herunterzuladen. Die Navigation innerhalb von Unterverzeichnissen ist ebenfalls möglich, wobei Unterverzeichnisse durch ein Ordnersymbol angezeigt werden.

Rahmen

Rahmen-Panels reservieren einen Platz auf dem Bildschirm, in den alle angeklickten Seitenlinks geladen werden. Der Rahmentyp hat keinen eigenen Inhalt — wenn ein Rahmen auf einem Bildschirm vorhanden ist, wird jede Seitennavigation in den Rahmen geleitet, anstatt den gesamten Bildschirm zu ersetzen. Dieser Paneltyp wird am häufigsten verwendet, um ein dauerhaft sichtbares Seitenmenü anzuzeigen, während der Rahmencontainer die Zielseite darin rendert.

Lane

Lane-Panels zeigen gruppierte Informationen an. Sie sind ähnlich wie Tile-Panels, da sie Daten im Format von Formular-Panels gruppiert anzeigen, können jedoch entweder vertikal oder horizontal konfiguriert werden.