Kommende Artikel

Eine Timeline listet ihre Zeilen zuerst auf, ab jetzt zurück, sodass ein Meeting nächste Woche oder eine Aufgabe für morgen nicht darauf steht. Zwei Einstellungen zeigen, was nun kommt: Upcoming Setzt die Zeilen des nächsten Tages über die Historie und Ascending verwandelt die Zeitleiste in eine Liste dessen, was als Nächstes kommt. Eine Zeile wird nach dem Datum ihrer Tabelle platziert: einem Termin nach ihrem Start, einer Aufgabe oder einem Anruf nach Abgabetermin, einer Notiz oder Nachricht nach dem Datum, an dem sie geschrieben wurde.

Eine Timeline öffnet sich mit den angezeigten Notizen, E-Mails und Nachrichten und den anderen Tabellen, die für den Betrachter ausgeschaltet sind, und keine dieser drei ist jetzt bereits datiert. Um zu zeigen, was kommt, benennen Sie die Tabellen, in denen sie sich befindet DefaultTables (React: defaultTables), wie es die untenstehenden Beispiele mit den Terminen, Aufgaben und Telefonanrufen des Kontos tun.

Bevorstehende Reihen über der Geschichte

Upcoming (Reagieren: upcoming) beginnt die Zeitlinie so weit vorne: A TimeSpan, oder in Reagieren eine Anzahl von days und hours. Die Zeilen zwischen jetzt und dann kommen zuerst unter einer Überschrift Kommend , und die übrigen unter Früher. Wie der Rest der Zeitlinie sind sie zuerst die neuesten Zeilen, daher ist die am weitesten vorne oben und die frühesten direkt über Früher. Zeilen weiter vorne sind nicht aufgeführt. Die kommenden Zeilen sind schattiert, und in einer Zeitlinie mit einer Überschrift bleibt jede MaxHeight Überschrift oben, während die Reihen darunter scrollen, bis die Überschrift 'Früher' die nächste überschreibt .

React Blazor

Die nächsten Tage, dann die Geschichte

Schmeler and Sons' Zeitplan ist Upcoming auf die Anzahl der Tage darüber eingestellt, zunächst drei: die Meetings, Anrufe und Aufgaben dieser Tage, dann die Notizen, Nachrichten und Aktivitäten, während sie voranschreiten. Ändere die Zahl, um weiter nach vorne zu blicken.

React-Beispiel Blazor-Beispiel React TypeScript Razor
Demnächst
  1. # ppp-data-import Bearbeitet
    Share the product roadmap
  2. # ppp-data-import
    Introduce the new contact
  3. # ppp-data-import Bearbeitet
    Book the on-site visit
  4. # ppp-data-import Bearbeitet
    Prepare the quarterly report
  5. # ppp-data-import Bearbeitet
    Confirm the training dates
  6. # ppp-data-import Bearbeitet
    Prepare the quarterly report
  7. # ppp-data-import Bearbeitet
    Draft the statement of work
  8. # ppp-data-import Bearbeitet
    Share the product roadmap

Was kommt als Nächstes?

Ascending (Reaktion: ascending) listet die Zeilen ab jetzt auf, so früh wie möglich, mit weiterer Leseart weiter vorne: eine Liste dessen, was kommt, ohne die Geschichte. Keine Reihe ist dann auf Demnächst übergeben, denn jede Reihe ist es.

React Blazor

Schmeler and Sons nächste Reihen

Der Account bevorsteht Meetings, Anrufe und Aufgaben, so bald wie möglich.

React-Beispiel Blazor-Beispiel React TypeScript Razor
  1. # ppp-data-import Bearbeitet
    Share the product roadmap
  2. # ppp-data-import Bearbeitet
    Draft the statement of work
  3. # ppp-data-import Bearbeitet
    Prepare the quarterly report
  4. # ppp-data-import Bearbeitet
    Confirm the training dates
  5. # ppp-data-import Bearbeitet
    Prepare the quarterly report
  6. # ppp-data-import Bearbeitet
    Book the on-site visit

Der Kalender zeigt dieselben Zeilen nach Tag, Woche oder Monat angeordnet, und das Tagesordnungslayout listet eine Woche davon Tag für Tag auf.