Breadcrumb in den Suchergebnissen anzeigen

Die PnP Modern Search WebParts enthalten Builtin web components, welche in bestehenden Spalten und Handlebar expressions einfach ergänzt werden können. So kann beispielsweise eine Breadcrumb-Navigation, also der Speicherort der Suchergebnisse, direkt angezeigt werden und eine klickbare Navigation implementiert werden.

designer brotkrümmel

Standard Suchergebnisse

In den PnP Modern Search WebParts werden die Standardsuchergebnisse im Details List Layout mit den Spalten Titel, Created und Summary angezeigt.

image

Mit dem untenstehenden Beispiel-Query werden nur Dokumente oder Ordner aus SharePoint angezeigt.

{searchTerms} IsDocument:1 OR IsContainer:1

Alle Suchergebnisse werden nun aufgelistet, mit den Werten aus den Standard-Spalten im Details List Layout.

image

Dabei ist nicht ersichtlich, wo diese Suchergebnisse abgespeichert sind und wo diese effektiv abgespeichert sind.

Breadcrumb in den Suchergebnissen anzeigen

Die PnP Modern Search WebParts enthalten Builtin web components, welche in der Handlebar Expression von Spalten verwendet werden können, um zusätzliche Funktionen einzubinden. So kann auch eine Breadcrumb-Navigation in Suchergebnisse angezeigt werden, damit der Speicherort der Suchergebnisse direkt ersichtlich ist. Die Breadcrumb-Navigation ist zudem klickbar, so dass die Site, Bibliothek/Liste, Ordner oder direkt das Dokumente/Element geöffnet werden kann.

Dafür muss die Handlebar expression einer Spalte, im Beispiel die Spalte Title, um den component <pnp-breadcrumb> ergänzt werden.

<a href="{{slot item @root.slots.PreviewUrl}}" target="_blank" style="color: {{@root.theme.semanticColors.link}}">
	{{slot item @root.slots.Title}}

    <pnp-breadcrumb 
        data-path="{{OriginalPath}}"
        data-site-url="{{SPSiteURL}}"
        data-web-url="{{SPWebUrl}}"
        data-entity-title="{{Title}}"
        data-entity-file-type="{{FileType}}"
    />

</a>

Nach dem Einfügen des <pnp-breadcrumb> components wird in den Suchergebnissen, nebst dem Titel, auch die klickbare Breadcrumb-Navigation angezeigt.

image

Kommentar verfassen

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

Nach oben scrollen