Zum Inhalt springen

Kalenderbereiche im Jitterbit App Builder

Bestellkalender.png

Ein Kalender-Panel

Kalender-Panels füllen einen Kalender mit Informationen aus einer Datenquelle und verwenden dabei drei einzigartige Steuerelementtypen: Beschreibung, Ereignisbeginn und Ereignisende. Das Steuerelement „Beschreibung“ gibt an, was im Kalender angezeigt wird, und ist normalerweise ein Ereignisname. Die Steuerelemente „Ereignisbeginn“ und „Ereignisende“ geben an, an welchem Tag das Ereignis angezeigt wird, und können Zeitstempel enthalten, die neben der Ereignisbeschreibung angezeigt werden. Wie bei Diagramm-Panels können Kalender-Panels mit einem anderen Panel verknüpft werden, um detailliertere Informationen zum Ereignis im Kalender anzuzeigen.

Standardmäßig wird das Kalender-Panel basierend auf den Daten in der Geschäftsregel angezeigt, wobei die in der Geschäftsregel angewendete Sortierung berücksichtigt wird. Überprüfen Sie Ihre Geschäftsregel, um die Sortierung zu bestätigen.

Wenn die Geschäftsregel keine Daten enthält, sollte der aktuelle Monat, Tag oder das aktuelle Jahr im Kalender angezeigt werden. Sobald Daten hinzugefügt werden, möchten Sie der Geschäftsregel wahrscheinlich eine Sortierung hinzufügen.

So zeigen Sie den aktuellen Monat im Kalender an

Um sicherzustellen, dass das Panel den aktuellen Monat, Tag oder das aktuelle Jahr zurückgibt, fügen Sie eine Spalte namens Sort mit dem logischen Typ „numerisch“ hinzu und wenden Sie eine aufsteigende Sortierung auf diese Spalte an. Wenn Ihr Geschäftsobjekt, das Ihr Kalenderpanel unterstützt, beispielsweise eine Spalte namens StartDate hat, die Sie verwenden möchten, und es sich um eine SQL-Datenquelle handelt, können Sie eine SQL-Escape-Funktion verwenden:

${ABS(DateDiff(day, getdate(), StartDate))}

oder an App Builder IIF-Anweisung:

IIF(DateDiff(dd, Now(), StartDate) < 0, (DateDiff(dd, Now(), StartDate))*-1, DateDiff(dd, Now(), StartDate))

Hinweis

Die SQL-Escape-Methode ist programmatisch effizienter, aber IIF basiert nicht auf SQL-Syntax. Beide Ergebnisse sind identisch.

Um andere Monate anzuzeigen, klicken Sie auf die Vorwärts- und Rückwärts-Chevron-Schaltflächen in der oberen linken Ecke des Panels. Sie können zwischen Tages-, Wochen- und Monatsansichten umschalten, indem Sie auf die entsprechenden Schaltflächen in der oberen rechten Ecke des Panels klicken. Kalenderpanels können nicht bearbeitet werden; ein separates Panel, das die Ereignissteuerelemente anzeigt, kann jedoch bearbeitet werden.

So ändern Sie Datum und Uhrzeit eines Ereignisses

  1. Wählen Sie das Ereignis aus.
  2. Klicken Sie im Fenster mit den Ereignisinformationen auf das Bleistiftsymbol.
  3. Passen Sie Datum und Uhrzeit nach Bedarf an und klicken Sie dann zum Speichern auf das Häkchen.

So fügen Sie dem Kalender ein neues Ereignis hinzu

  1. Wählen Sie ein vorhandenes Ereignis aus und klicken Sie auf die Schaltfläche Erstellen
  2. Geben Sie einen Titel für das Ereignis ein und wählen Sie ein Datum aus dem Dropdown-Menü des Kalenders
  3. Klicken Sie bei Steuerelementen mit aktivierter Uhrzeit und Datum auf das Zeitsymbol, um eine Uhr anzuzeigen
  4. Klicken Sie zum Speichern auf das Häkchen
  5. Aktualisieren Sie die Seite, nachdem Sie Änderungen am Kalender vorgenommen haben, und bestätigen Sie die Aktualisierung(en)

So erstellen Sie einen Kalender mit der Northwinds-Datenbank

In diesem Beispiel fügen wir ein neues Kalenderfenster hinzu, um das Datum, an dem Bestellungen bei Northwinds protokolliert werden, visuell darzustellen.

Erstellen Sie ein Geschäftsobjekt zur Verwendung mit dem Kalenderbereich

  1. Erstellen Sie eine neue Geschäftsregel
  2. Geben Sie der Regel einen Namen. Zum Beispiel: Order (Kalender)
  3. Setzen Sie den Zweck auf Kalender
  4. Zielen Sie auf die Tabelle Order
  5. Klicken Sie auf die Schaltfläche Speichern
  6. Klicken Sie in der Tabelle „Order“ auf die Spalten „OrderID“ und „OrderDate“.
  7. Klicken Sie auf die Tab Wo. Fügen Sie die Spalte Bestelldatum zum linken Feld hinzu. Wählen Sie IST NICHT NULL als Operator. Lassen Sie das rechte Feld leer.
  8. Fügen Sie bei Bedarf der Tab „Spalten“ eine Spalte hinzu, die Sortieren unterstützt. Beispiel: DatePart(mm, O.OrderDate)

Erstellen des Kalenders

  1. Gehen Sie zu App Workbench > Seite hinzufügen
  2. Benennen Sie die Seite Bestellkalender und klicken Sie auf Erstellen
  3. Wählen Sie das einspaltige Layout aus und klicken Sie auf Panel hinzufügen
  4. Wählen Sie den Kalender
  5. Suchen Sie die Kalenderregel und klicken Sie auf Auswählen
  6. Klicken Sie auf Seite anpassen
  7. Geben Sie Bestellkalender als Namen ein, wählen Sie Kalenderpanel als Typ und Monatlich als Untertyp.
  8. Fügen Sie zwei Steuerelemente mit den folgenden Einstellungen hinzu:

    Spalte Name Verwendungstyp
    Steuerelement Nr. 1: Bestell-ID Bestellung Beschreibung
    Steuerelement Nr. 2: Bestelldatum Bestelldatum Ereignisbeginn
  9. Navigieren Sie zur App-Ansicht und bestätigen Sie, dass Sie jetzt den Kalender sehen

  1. Klicken Sie auf der Kalenderseite Ihrer App auf Action Drawer > Live Designer
  2. Klicken Sie im Kalenderfenster auf die Schaltfläche Steuerelemente
  3. Klicken Sie auf das Symbol Datensatz öffnen, damit das Steuerelement verknüpft werden kann
  4. Legen Sie unter Aktualisieren und Verknüpfen Link zur Seite auf Bestellungen fest
  5. Überprüfen Sie, ob es in den Kriterien an OrderID gebunden ist
  6. Navigieren Sie zur Anwendungsansicht und bestätigen Sie die Aktualisierung

Verwenden Sie die Farbsteuerung, um die Farbe von Ereignissen zu ändern

  1. Fügen Sie der Kalender-Geschäftsregel eine neue Spalte hinzu. Beispiel: Geben Sie '#000343' in das Feld „Spalte“ oder „Ausdruck“ ein. Geben Sie „Farbe“ in das Feld „Alias“ ein.
  2. Navigieren Sie zur Kalenderseite Ihrer App und wählen Sie Action Drawer > Live Designer
  3. Fügen Sie ein neues Steuerelement hinzu.

    • Wählen Sie Farbe für die Spalte
    • Benennen Sie das Steuerelement Farbe
    • Wählen Sie Farbe für den Steuerelementtyp
  4. Navigieren Sie zur Anwendungsansicht und bestätigen Sie die Aktualisierung