Showcase Entwerfen von SharePoint-Webparts: Erstellen eines Eigenschaftenbereichs des Typs „Aufgabenliste“

2023-04-08

In diesem Artikel erfahren Sie, wie Sie ein Aufgabenlisten-Webpart erstellen. Unser Beispiel verwendet den Eigenschaftenbereichstyp mit einem einzigen Bereich, ist reaktiv und basiert auf dem dynamischen Raster von Office UI Fabric.

Erstellen eines Aufgabenlisten-Webparts

Fügen Sie eine Beschreibung hinzu, die Benutzer über das Webpart und seine Eigenschaften informiert.

In diesem Beispiel haben wir als Wert für die Beschreibung „Select a source for your to-dos and customize the display for the list of tasks.“ angegeben.
Fügen Sie eine Fabric-Dropdownkomponente hinzu, die mit einer Liste verknüpft ist.
Fügen Sie eine Fabric-Kontrollkästchenkomponente hinzu, über die abgeschlossene Aufgaben angezeigt werden können.
Fügen Sie zwei weitere Kontrollkästchen hinzu, mit denen der Benutzer die Anzeigeoptionen steuern kann.
Fügen Sie eine Fabric-Schiebereglerkomponente hinzu, über die der Benutzer festlegen kann, wie viele Elemente maximal angezeigt werden sollen.
Als Nächstes wählen Sie eine Liste aus, die automatisch im Aufgabenlisten-Webpart angezeigt werden soll. Sie können auch manuell Aufgaben hinzufügen, die automatisch angezeigt werden sollen.
Das Webpart zeigt einen Indikator für Elemente an, die auf der Seite geladen werden.
Die Elemente aus der Liste werden geladen.

Sobald die neuen Aufgaben geladen wurden, werden sie mithilfe von Animationskomponenten aus Office UI Fabric eingeblendet.
Der Eigenschaftenbereich steuert die Benutzeroberfläche. Es werden alle Aufgaben mit aktivierter Navigationssteuerung angezeigt, basierend auf den unter „Display“ im Eigenschaftenbereich aktivierten Kontrollkästchen.