Pimp my WebPart mit JS-Links

Ursprüngliche Darstellung in Listenform

Veröffentlicht:
Aktualisiert: 27. Juni 2021

Sie wollen Listen-Webparts mit all ihren Vorteilen einsetzen, gleichzeitig aber nicht auf ein ansprechendes Design verzichten? Die Lösung: JS-Links!

Mit dieser Erweiterung haben Sie nahezu unbegrenzte Möglichkeiten, die Darstellung von Listenitems zu optimieren.

Nehmen wir als Beispiel eine Seitenbibliothek mit Artikelseiten. Die grafischen Möglichkeiten sind beschränkt, wenn es um die Verbesserung des Erscheinungsbildes geht. Normalerweise nutzt man dann diverse Tools zur Aggregation (Content Query Webpart oder Content Search Webpart) und adaptiert mittels Display Templates oder XSL Styles eine optimierte Darstellung.

Ursprüngliche Darstellung in Listenform

Nachteile des ursprünglichen Lösungsansatzes: Metadatennavigation und Filtern funktionieren nicht.

 

Der neue Lösungsansatz: JS-Links

Der JS-Link kann direkt im Listen-Webpart in den Einstellungen hinterlegt werden.

Einstellungen des Listen-Webparts

Bereits mit geringen Programmierkenntnissen lassen sich solche Ergebnisse erzielen:

Optimierte Darstellung mit JS-Links

Der grosse Vorteil dieses Ansatzes ist, dass der Filter für die Metadaten auf der linken Seite in der Current Navigation genutzt werden kann. D.h. der Benutzer hat das Look eines angepassten Rollups sowie das Feeling eines Listen-Webparts. Ebenfalls werden die Filter- und Sortierungsoptionen der dahinterliegenden Listenansicht übernommen.

Nachteil des Lösungsansatzes mit JS-Links: Nur im Subweb nutzbar, in welchem die Liste liegt.

Eine gute Anleitung, wie JS-Links erstellt werden können, finden Sie hier:

http://code.msdn.microsoft.com/office/Client-side-rendering-JS-2ed3538a

 

Beitrag teilen

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

IOZ_LOGO_weiss

Profis für M365-Intranets & digitale Arbeitsplätze, Power Apps, Power Automate Workflows, sowie Managementsysteme.

Angebot
  • Intranet & digitaler Arbeitsplatz

  • Apps & Services

  • Managementsysteme

  • IT-Services

  • Community

IOZ AG
  • St. Georg-Strasse 2a
    CH-6210 Sursee

  • +41 41 925 84 00

  • info@ioz.ch

Nach oben scrollen