Kalender-Panels im Jitterbit App Builder

Ein Kalender-Panel

Kalender-Panels füllen einen Kalender mit Informationen aus einer Datenquelle und nutzen dabei drei einzigartige Steuerungstypen: Beschreibung, Ereignisbeginn und Ereignisende. Die Beschreibungsteuerung legt fest, was im Kalender angezeigt wird, und ist typischerweise der Name des Ereignisses. Die Steuerungen für Ereignisbeginn und Ereignisende legen fest, 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 zeigt das Kalender-Panel basierend auf den Daten in der Geschäftsregel an, wobei die angewendete Sortierung in der Geschäftsregel berücksichtigt wird. Überprüfen Sie Ihre Geschäftsregel, um die Sortierung zu verifizieren.

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

So zeigen Sie den aktuellen Monat im Kalender an

Um sicherzustellen, dass das Panel den aktuellen Monat, Tag oder das 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 Kalender-Panel unterstützt, 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 eine App Builder IIF-Anweisung:

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

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

So ändern Sie das Datum und die Uhrzeit eines Ereignisses

1. Wählen Sie das Ereignis aus
2. Klicken Sie im Bereich, der die Ereignisinformationen anzeigt, auf das Stiftsymbol
3. Passen Sie das Datum und die Uhrzeit nach Bedarf an und klicken Sie dann auf das Häkchen, um zu speichern

So fügen Sie einen neuen Termin zum Kalender 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 aus
3. Für Steuerelemente mit aktivierter Zeit- und Datumseinstellung klicken Sie auf das Uhrsymbol, um eine Uhr anzuzeigen
4. Klicken Sie auf das Häkchen, um zu speichern
5. Nachdem Änderungen am Kalender vorgenommen wurden, aktualisieren Sie die Seite und bestätigen Sie die Aktualisierungen

So erstellen Sie einen Kalender mit der Northwinds-Datenbank

In diesem Beispiel fügen wir ein neues Kalenderfeld hinzu, um das Datum visuell darzustellen, an dem Bestellungen in Northwinds erfasst werden.

Erstellen Sie ein Geschäftsobjekt zur Verwendung mit dem Kalenderfeld

1. Erstellen Sie eine neue Geschäftsregel
2. Geben Sie der Regel einen Namen. Zum Beispiel: Bestellung (Kalender)
3. Setzen Sie den Zweck auf Kalender
4. Zielen Sie auf die Bestellung-Tabelle
5. Klicken Sie auf die Schaltfläche Speichern
6. Wählen Sie aus der Bestellungstabelle die Spalten OrderID und OrderDate aus
7. Klicken Sie auf die Registerkarte "Wo". Fügen Sie die Spalte OrderDate in das linke Feld ein. Wählen Sie IST NICHT NULL als Operator. Lassen Sie das rechte Feld leer.
8. Wenn gewünscht, fügen Sie eine Spalte hinzu, die Sortierung unterstützt, zur Registerkarte Spalten hinzu. Zum Beispiel: DatePart(mm, O.OrderDate)

Erstellen Sie den Kalender

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 Layout mit einer Spalte aus, 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 für den Namen ein, wählen Sie Kalenderfeld als Typ und wählen Sie Monatlich als Untertyp aus.

8. Fügen Sie zwei Steuerelemente mit den folgenden Einstellungen hinzu:

   	Spalte	Name	Verwendungstyp
   Steuerung #1:	Auftrags-ID	Auftrag	Beschreibung
   Steuerung #2:	Bestelldatum	Bestelldatum	Ereignisstart

9. Navigieren Sie zur App-Ansicht und bestätigen Sie, dass Sie jetzt den Kalender sehen

Konfigurieren Sie die Kalenderevents, um auf eine andere Seite zu verlinken

1. Klicken Sie auf der Kalenderseite Ihrer App auf Action Drawer > Live Designer
2. Klicken Sie auf die Schaltfläche Steuerelemente im Kalenderpanel
3. Klicken Sie auf das Open Record-Symbol für das Steuerelement, von dem verlinkt werden soll
4. Stellen Sie unter Aktualisierung und Verlinkung Link zu Seite auf Aufträge ein
5. Überprüfen Sie, dass es durch Auftrags-ID in den Kriterien gebunden ist
6. Navigieren Sie zur Anwendungsansicht und bestätigen Sie das Update

Aktivieren Sie das 24-Stunden-Zeitformat

Seit App Builder 4.60 unterstützen Kalenderpanels ein 24-Stunden-Zeitformat. Standardmäßig werden Ereigniszeiten im 12-Stunden-Format angezeigt. Um zum 24-Stunden-Format zu wechseln:

1. Navigieren Sie zur Kalenderseite Ihrer App und wählen Sie Action Drawer > Live Designer.
2. Klicken Sie auf die Schaltfläche Steuerelemente im Kalenderpanel.
3. Klicken Sie auf die Registerkarte Edge Case.
4. Aktivieren Sie im Abschnitt Allgemein die Einstellung 24-Stunden-Uhr verwenden.
5. Navigieren Sie zur Anwendungsansicht und bestätigen Sie das Update.

Verwenden Sie das Farbsteuerelement, um die Farbe von Ereignissen zu ändern

1. Fügen Sie eine neue Spalte zur Geschäftsregel des Kalenders hinzu. Geben Sie beispielsweise '#000343' im Spalten- oder Ausdrucksfeld ein. Geben Sie Farbe im Alias-Feld 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 das Update