Frontend-Filter: Autovervollständigung oder MetaModel-Liste "on the fly" filtern

[steve]

Hallo MetaModel-Experten!

Ich habe eine Seite im Frontend mit einer MetaModel-Liste und drüber einen Textfilter zur Einschränkung/Filterung der Datensätze. Das funktioniert auch soweit, nur stört es mich, dass man das Textfeld ausfüllen und dann mit "Return" manuell die Filterung anstoßen muss. Schöner und einfache wäre es, wenn man entweder im Textfeld eine Autovervollständigung mit den passenden/sinnvollen Werten aus der Datenbank hätte oder sich die Liste gleich bei der Eingabe entsprechend verkleinert/einschränkt.

Hat jemand von euch das schon mal so umgesetzt oder gibt's da sogar eine passende Erweiterung?

Bin für jeden Tipp dankbar!

Steve

[zonky]

A: Das funktioniert auch soweit, nur stört es mich, dass man das Textfeld ausfüllen und dann mit "Return" manuell die Filterung anstoßen muss.

B: Schöner und einfache wäre es, wenn man entweder im Textfeld eine Autovervollständigung mit den passenden/sinnvollen Werten aus der Datenbank hätte

A: In Deinem CE/Mod-MM-Filter die Checkbox "Bei Änderung aktualisieren" setzen (Handbuch ... letzter Satz) - in MM 2.1 entweder Moo oder jQ notwendig - in MM 2.2 Vanilla

B: der normale Textfilter kann das nicht - die Filterung über Index von Attribut Levenshtein kann das (und Ähnlichkeitssuche) - in MM 2.1 entweder Moo oder jQ notwendig - in MM 2.2 Vanilla in Arbeit...

Für normalen Textfilter hat das noch niemand implementiert/beauftragt/bezahlt...

[steve]

Danke Zonky!

Zu A: ich hatte die Checkbox "Bei Änderung aktualisieren" von Anfang an gesetzt (Handbuch hatte ich gelesen), aber ohne "Return" tut sich da leider beim Textfilter nichts. Habe Contao 4.9.26, MM-Start-Bundle 2.1.2 und jQuery im Seitenlayout aktiviert (Version 3.6.0).

Wie ist das z.B. auf der Seite
https://www.wascher-karriere.de/stel...te-fachkraefte
umgesetzt? Da wird bei einer Texteingabe (Suchen) direkt "on the fly" die Trefferliste eingeschränkt. Geht das mit "MM-Bordmitteln" oder ist das individuelle Programmierung?

[zonky]

Danke Zonky!

Zu A: ich hatte die Checkbox "Bei Änderung aktualisieren" von Anfang an gesetzt (Handbuch hatte ich gelesen), aber ohne "Return" tut sich da leider beim Textfilter nichts. Habe Contao 4.9.26, MM-Start-Bundle 2.1.2 und jQuery im Seitenlayout aktiviert (Version 3.6.0).

C: Wie ist das z.B. auf der Seite
https://www.wascher-karriere.de/stel...te-fachkraefte
umgesetzt? Da wird bei einer Texteingabe (Suchen) direkt "on the fly" die Trefferliste eingeschränkt. Geht das mit "MM-Bordmitteln" oder ist das individuelle Programmierung?

A: k.A.? ohne Link kann ichs nicht erraten - ansonsten mein "Liebligsposting": https://community.contao.org/de/show...en-bitte-lesen!

C: da ist weder eine MM-Filterung noch MM-Paginierung enthalten - guck Dir mal den Quelltext der Seite an und suche nach "<tr class="item" ... Fundstellen 78 ... vergleiche das mal mit "Fundstellen" in der Paginierung.. ;-) Edit: https://datatables.net/

Zum Thema Filtern und Paginierung per JS: kann man machen - kein Problem... da aber erstmal alle Items in die Seite gepumpt werden, kann das bei größeren Datenmengen zu längeren Ladezeiten führen - das sollte man im Blick haben und testen.
Den Effekt abmildern kann man, in dem man auf die ungerenderte Ausgabe wechselt und die Sachen sich im Template zusammenbaut - Bildausgaben sollten dann eh als Lazyload implementiert sein.

[steve]

A: k.A.? ohne Link kann ichs nicht erraten - ansonsten mein "Liebligsposting": https://community.contao.org/de/show...en-bitte-lesen!

C: da ist weder eine MM-Filterung noch MM-Paginierung enthalten - guck Dir mal den Quelltext der Seite an und suche nach "<tr class="item" ... Fundstellen 78 ... vergleiche das mal mit "Fundstellen" in der Paginierung.. ;-) Edit: https://datatables.net/

zu A: Sorry, habe MM über den Contao Manager meiner 4.9 Contao-Installation installiert und bin davon ausgegangen, dass alles funktioniert, wenn keine Versionskonflikte angezeigt werden. Hatte Deinen Post diesbezüglich nicht gesehen. Jetzt weiss ich Bescheid, danke.

zu C: Die Seite https://www.wascher-karriere.de/stel...te-fachkraefte wird bei https://now.metamodel.me/de/showcase als Referenz für den Einsatz von MM genannt. Und da habe ich halt gedacht, dass auch MM-Filterung verwendet wird. Aber danke, ich schaue mir DataTables mal an. Ich habe eine überschaubare Anzahl an Datensätzen, da sollte das schon funktionieren.

[zonky]

zu A: Sorry, habe MM über den Contao Manager meiner 4.9 Contao-Installation installiert und bin davon ausgegangen, dass alles funktioniert, wenn keine Versionskonflikte angezeigt werden. Hatte Deinen Post diesbezüglich nicht gesehen. Jetzt weiss ich Bescheid, danke.

ob es nun an der Kombi MM 2.1 und C4.9 liegt kann ich nicht sagen - glaube eigentlich nicht... was sagt die JS-Konsole?