AJAX-Liste über Eingabefeld nach Titel und Bescheibung filtern

Listen lassen sich über AJAX aktualisieren und dabei die Parameter anpassen. Mit diesem Prinzip sind auch benutzerabhängige Filter umsetzbar bei denen die Liste durch die Benutzerangabe aktualisiert wird. In folgendem Beispiel kann ein Besucher einen Filter bzw. einen Suchbegriff in ein Eingabefeld eingeben und so die Liste filtern.

Zur Umsetzung der Funktion sind folgende Schritte notwendig:

  • Fügen Sie eine Liste in die Seite ein und ergänzen Sie den in folgendem Beispiel gezeigten frei definierbaren Filter.
  • Fügen Sie ein HTML-Quelltext Element in die Seite ein und füllen Sie es mit folgendem Quelltext.
  • Passen Sie die Listen-ID (nur die ersten 8 Zeichen) entsprechend Ihrer Liste an. Sie finden die Listen-ID am Ende der Konfigurationsmaske.
Filter in der Liste, um nach Titel und Beschreibung zu filtern
Filter in der Liste, um nach Titel und Beschreibung zu filtern

Die Eingaben im Listenfilter finden Sie nachfolgend als kopierbaren Text:

wPath: /wd:extension/wd:meta/wd:title/text()|/wd:extension/wd:meta/wd:description/text()

Bedingung: $param[term]

Inhalt des HTML-Quelltext Elementes

<input id="filterText" onkeyup="filterText(this.value)" />
<script>
function filterText(text){

  var urlNew = wSetParameter(location.href, 'term', text);
  history.pushState({page: urlNew}, "", urlNew);
  reloadListAjax('IHRE_LISTENID');
}
</script>