Best-Practices beim Kachelbau

Darstellung von vorgefilterten Suchergebnissen in Kacheln

Bei der Kachelentwicklung kann hart codiert vorgeben werden, wie initial sortiert/vorgefiltert Suchergebnisse in Kacheln dargestellt werden.

In der Kachelkomponente "Content" findet man jetzt den Aufruf des neuen FilterSorterStateBuilder. Mittels ... 

• ... addSorter(field: string, order: SortOrder) lassen sich Standard-Sortierreihenfolgen definieren

  • ... addTagFilter(field: string: values: Record<string, boolean>, expanded?: boolean) lassen sich Tag-Filter vordefinieren

    • values ist dabei ein JSON-Object zwischen dem Wert (bei Lookups des PKs) und einem boolean-Flag --> true = Wert inkludieren | false = Wert exkludieren

    • expanded steuert ob der Tag-Filter automatisch "aufgeklappt" sein soll, falls es mehr als 5 mögliche Werte gibt

  • ... addAutoCompleteFilter(field: string, values: string[]) lassen sich AutoComplete-Filter vordefinieren

    • values ist dabei ein String-Array mit den vorselektierten Werten (bei Lookups die PKs)

• Das Ergebnis des build()-Aufrufs kann dann an den EntryFilterSorter als defaultState übergeben werden

Änderungen am defaultState greifen nur für neue Instanzen der Kachel. Bestehende Kachelinstanzen wurden ja bereits mit dem defaultState initialisiert und haben diesen persistiert.

Siehe auch…

→ https://css-tricks.com/snippets/css/a-guide-to-flexbox/