Im PnP Search Results Web Part stehen verschiedene Standard Layouts zur Verfügung. Die Anzeige lässt sich in der Web Part Konfiguration so anpassen, dass direkt die gewünschten Werte angezeigt werden. Beispielsweise lässt sich so im Card Layout anstelle von Term ID’s ein selbst definierter Wert anzeigen.
PnP Results Web Part mit Card Layout konfigurieren
Um das Card Layout zu konfigurieren, kann ein neues PnP Search Results Web Part eingefügt werden. Im Bereich Layouts kann dann das standardmässig verfügbare Card Layout aktiviert werden. Das Card Layout zeigt die Suchergebnisse als Karte (Kachel) an, dabei werden aber weniger leserliche Term ID’s, von den Metadaten, welche dem angezeigten Dokument zugewiesen wurden, angezeigt. Über den Bereich Layout Options können die anzuzeigenden Felder entsprechend konfiguriert werden.
Werden die Feld Werte bearbeitet, sieht man für Tags einen entsprechen Code. Über diese wird einerseits das anzuzeigende Feld, andererseits die visuelle Aufmachung, definiert.
Relevant für das anzuzeigende Feld ist dabei folgende Code Zeile, in der definiert ist, dass das Feld Tags über einen entsprechenden Slot definiert ist:
{{#each (split (slot item @root.slots.Tags) „,“) as |tag| }}
Layout slot definieren
Die verwendeten Slots in den Layout’s werden auf der ersten Seite in der PnP Search Results Web Part Konfiguration definiert:
Der Slot Tags, welcher im Card Layout verwendet wird, enthält dabei die Werte des Feldes owstaxidmetadataalltagsinfo, dieses Standard Feld (=Search Managed Property) enthält, wie der Name schon sagt, alle IDs der zugewiesenen Metadaten:
Nun kann einfach in der Spalte Slot field das gewünschte Managed Property konfiguriert werden, welches, anstelle der Term IDs, angezeigt werden soll. Im vorliegenden Fall habe ich ein Managed Metadaten Feld auf das Search Managed Property RefinableString114 gemapped, welches hier verwendet wird.
Korrekte Anzeige von Werten
Nach dem Speichern des angepassten Slots werden nur im Card Layout anstelle der Term ID’s die korrekten, leserlichen, Werte angezeigt: