Beim Filter "von/bis" Schiebregler einbauen

[Bernator]

Hallo,

möchte gerne die beiden Felder "von/bis" in den Filtereinstellungen mit einem Schieberegler versehen. Leider komme ich da gar nicht weiter, hat da vielleicht jemand einen sichtbaren Lösungsansatz?

Viele Grüße
Jens

[cliffparnitzky]

Ich vermute, dass von/bis Datumsfelder sind. Wie soll sich dann ein Schieberegler verhalten?

[Bernator]

Nein, ich habe ein Attribut-Typ "Numerisch" angelegt, das in diesem Fall die Miete anzeigt. Das soll durch den Regler eingestellt werden können.
Ohne Regler geht es ja...

[cliffparnitzky]

Ah, okay. Na dann sollte es doch recht einfach mit einer beliebigen Anleitung aus dem Web umsetzbar sein. Ist ja nur bissel Template anpassen und ggf. CSS und JS.

[Bernator]

Genau da haperts ja ;-)

Hatte das im Auge https://codepen.io/biigue/pen/ExaeaXX aber ich weiß gar nicht, welche Werte ich wo einsetzen müsste...

[zonky]

Hallo,

möchte gerne die beiden Felder "von/bis" in den Filtereinstellungen mit einem Schieberegler versehen. Leider komme ich da gar nicht weiter, hat da vielleicht jemand einen sichtbaren Lösungsansatz?

Gibt es eine Seite, wo man sehen kann, wie weit Du gekommen bist?

Generell wäre das Vorgehen: eigenes Template mm_filteritem_schieberegler.html5 anlegen und anpassen - das Template bei Deiner Filterregel auswählen. Entweder gibst Du Min/Max fest vor oder holst Dir die Werte aus $this->options

Ich vermute, dass von/bis Datumsfelder sind.

muss nicht - können auch Hutgrößen, Wohnfläche oder BMI sein... ;-)

[Bernator]

Ja, ich habe das Template mm_filteritem_schieberegler aus dem Template Checkbox angelegt. Im Seitenlayout habe ich das JS eingefügt und eine css mit dem Code erstellt und zugewiesen. Das Ganze mit dem oben erwähnten Codebeispiel...

[zonky]

Genau da haperts ja ;-)

Hatte das im Auge https://codepen.io/biigue/pen/ExaeaXX aber ich weiß gar nicht, welche Werte ich wo einsetzen müsste...

wie geschrieben - Du musst das Template anpassen...

der bzw. die Werte müssen dann natürlich in ein Formularfeld - da reicht ein Hidden-Field, was mit dem Wert dynamich von Slider befüllt wird.

ich würde aber statt jQuery was mit Vanilla suchen - siehe https://www.w3schools.com/howto/howt...angeslider.asp

[zonky]

gefiltert wird ja...

Du brauchst

<!-- hier den Slider -->
<input type="hidden" name="kaltmiete" value=""> 

Min und Max hast Du, Step ist 100...

bei Value muss vor dem SubmitOnChange der Wert rein - siehe https://github.com/MetaModels/core/b...els.js#L21-L51

etwas einfacher ist das ohne SubmitOnChange

[zonky]

Ja, ich habe das Template mm_filteritem_schieberegler aus dem Template Checkbox angelegt. Im Seitenlayout habe ich das JS eingefügt und eine css mit dem Code erstellt und zugewiesen. Das Ganze mit dem oben erwähnten Codebeispiel...

nein, aktuell hast Du das nicht!