© Kellie L. Folkerts/Shutterstock.com
SPFx: Einsatz von wiederverwertbaren UI-Komponenten

Kolumne: SharePoint ganz praktisch


In der letzten Ausgabe dieses Magazins wurden unter anderem die Office-UI-Fabric-Komponenten vorgestellt und deren Verwendung innerhalb von SharePoint Framework Webparts gezeigt. Neben diesen Steuerelementen können noch erweiterte Komponenten verwendet werden. Diese sogenannten wiederverwertbaren Steuerelemente übernehmen neben der Darstellung auch noch weitere Aufgaben.

Wie im letzten Teil demonstriert wurde, stehen innerhalb der Office-UI-Fabric-Komponenten-Bibliothek zahlreiche Steuerelemente zur Verfügung, die direkt für eigene clientseitige Webparts verwendet werden können. Durch den Einsatz dieser Komponenten wird dem Entwickler schon einiges an Arbeit abgenommen, und die Steuerelemente fügen sich nahtlos in das Look-and-Feel der Office-Umgebung ein. Somit entstehen durch den Einsatz der Steuerelemente automatisch Benutzeroberflächen, die sich sehr gut in Office-basierte Arbeitsumgebungen integrieren. Das ist insbesondere für Webparts ein wichtiger Punkt, damit diese auf einer SharePoint-Seite nicht wie ein Fremdkörper erscheinen. Bei genauerer Betrachtung können bei der Entwicklung von Webparts bestimmte Programmiermuster erkannt werden, die sich ständig wiederholen. Ein typisches Beispiel dafür ist die Auswahl einer Liste innerhalb der Webpart-Eigenschaften. Die ausgewählte Liste wird dann im späteren Verlauf durch das Webpart verarbeitet und Einträge werden auf der Oberfläche ausgegeben. Für die visuelle Darstellung und Auswahl der Liste kann dafür aus der Office UI Fabric ein geeignetes Steuerelement, wie zum Beispiel die Drop-down-Liste, eingesetzt werden. Anschließend muss dann auf SharePoint zugegriffen werden, um die verfügbaren Listen der aktuellen Website (SP Web) zu ermitteln. Sind diese ermittelt und geladen, muss die Auswahlliste damit gefüllt werden.

Und der REST?

Hierbei besteht dann auch oft die Anforderung, nur bestimmte Listentypen – wie zum Beispiel ausschließlich Dokumentenbibliotheken – zur Auswahl anzubieten. Innerhalb eines clientseitigen SPFx-basierten Webparts bedeutet das, unter Verwendung des SharePoint REST API auf SharePoint zuzugreifen. Ein weiteres und komplexeres Beispiel ist die Nutzung und Einbindung des Terminologiespeichers (Term Store) in die Webpart-Eigenschaften. Hierzu muss der Entwickler programmatisch selbst den Terminologiespeicher über die REST-Schnittstelle abfragen. Diese und weitere Szenarien werden durch den Einsatz der sogenannten wiederverwertbaren Komponenten (engl.: Reusable Controls) nun besser u...

Neugierig geworden?

Angebote für Teams

Für Firmen haben wir individuelle Teamlizenzen. Wir erstellen Ihnen gerne ein passendes Angebot.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang