Rahmenfenster im Jitterbit App Builder

Ein Frame-Panel ermöglicht es einer Seite, einen Platz auf dem Bildschirm zu reservieren, in den ein ausgewählter Seitenlink geladen wird. Frames sind Panel-Typen ohne eigenen Inhalt. Wenn ein Frame auf einem Bildschirm vorhanden ist, wird jede Seitennavigation in den Frame-Bereich geleitet, anstatt den gesamten Bildschirm zu ersetzen. Mit dieser Funktion können Sie ein seitliches Navigationsmenü anzeigen, und dann rendert der Frame-Container den zugehörigen Seiteninhalt basierend auf dem ausgewählten Menünavigationslink aus dem seitlichen Navigationsmenü.

Beispielseite mit seitlichem Navigationsmenü links und einem Frame Panel rechts

So erstellen Sie einen Rahmen

Um einen Frame zu erstellen, können Sie entweder eine neue Seite erstellen oder ihn einer vorhandenen Seite in einer App hinzufügen. Wählen Sie für den Panel-Typ Frame aus.

Frames werden vom Panel Layout Service wie jedes andere Panel behandelt. Das heißt, Sie können Position, übergeordnetes Element und Größe festlegen, sodass Sie den Frame überall dort platzieren können, wo normalerweise ein Panel positioniert wäre.

Wenn Sie den Benutzer beim Verlinken auf eine Seite innerhalb der Anwendung außerhalb des Panel-Frames navigieren möchten, können Sie entweder Link zu Seite (aus Update-Methoden) verwenden oder ein Popup verwenden, um den Frame zu verlassen.

Damit ein Frame funktioniert, muss er mit einem anderen Panel gepaart werden, das den Inhalt steuert, der in ihn geladen werden soll. Beispiel: ein Formular-Panel, das Navigationsmenüschaltflächen anzeigt.

Beispielseite mit Rahmen

Diese Seite besteht oben aus einem Frame und darunter aus einem Formularfeld. Kategorien sind die ersten PageLinks, die definiert sind. Das Formularfeld hat zwei Symbolfelder, die auf die Produkt- und Kategorieseiten verweisen. Verwendete Techniken:

1. Verwenden von Registerkarten mit einer Mindestfeldgröße von 1, damit Frame und Formularfeld immer zusammen angezeigt werden
2. Extra kleines Formularfeld
3. Bedingte Formatierung zum Hervorheben des Seitensymbols, das aktuell im Frame angezeigt wird
4. Benutzerdefiniertes Design zum horizontalen und gleichmäßigen Stylen nebeneinander angeordneter Symbollinks

Seite im Verlauf ersetzen

Link zur Seite auf Feldebene kann Seite im Verlauf ersetzen in einem Frame verwenden. Bei Verwendung in einer Seitenleiste wird durch Klicken auf mehrere Links der Frame-Inhalt ersetzt, durch Drücken der Zurück-Taste wird jedoch zur vorherigen Seite zurückgekehrt.

Standardseite

App Builder prüft den im Frame-Panel festgelegten Link zur Seite, um eine Seite darzustellen, bevor der Benutzer auf etwas geklickt hat. Beachten Sie, dass nur Links von einem datengesteuerten Panel Kriterien unterstützen. Sie können den Link zur Seite leer lassen, wenn Sie warten möchten, bis die Schaltfläche des Formular-Panels die Standardseite des Frames bereitstellt.

Mvsql-Laufzeit namens page()

Diese Funktion bietet eine mvSQL-Funktion namens Page(). Ohne Parameter wird die UUID der obersten Seite bereitgestellt. Wenn eine Seite in einem Frame gerendert wird, können ihre Datenobjekte den „Kontext“ erkennen, in dem sie ausgeführt wird. Dies kann verwendet werden, um beispielsweise den aktiven Link hervorzuheben oder sich mit dem App_Page Regel zum Abrufen des Seitennamens für eine benutzerdefinierte Seitenbezeichnung.

Die Funktion akzeptiert auch einen einzelnen Zeichenfolgeparameter 'frame', um festzustellen, welche Seite aktuell in den Frame geladen ist.

Daten neu laden

Wenn ein Link von einem Frame verarbeitet wird, App Builder löst ein globales Neuladen der Containerseite aus. Dies ist nützlich, wenn die Containerseite auf oberster Ebene ein einzeiliges Panel hat, das als Menü verwendet wird. Das Datenobjekt kann sich selbst aktualisieren, um beispielsweise den Titel oder das Symbol der gerahmten Seite zu laden oder bedingte Formatierung zu verwenden, um dem aktiven Menülink eine andere Farbe zu verleihen (bei Verwendung der Funktion Page()).

URL

Wenn Sie zum ersten Mal auf eine Seite verlinken (z. B. „ContainerPage“), lautet die URL: /app/MyApplication/ContainerPage

App Builder aktualisiert die Adressleiste sofort wie folgt: /app/MyApplication/ContainerPage/**PageInFrame**

Eingehende Links können so angepasst werden, dass sie dieses Format vorab enthalten, wenn Sie steuern möchten, welche Seiten in einem Frame geladen werden. Das Filtern der Spalte eines Frames erfolgt mithilfe von &Framed {{ColumnName}}={{Spaltenwert}} nach den App- und Seitennamen im ersten Teil der URL:

app/MyApplication/OuterPage/MyApplication/InnerPage?OuterPageCriteria=123&Framed.InnerPageCriteria=456