Bereichs-Schieberegler: Festlegen eines Preisfilters

Dieses Beispiel zeigt einen Bereichsregler zum Auswählen eines Preisfilters. Die ausgewählten Werte sind automatisch als Komponentenattribut verfügbar ($Component.apiName.Value), eine Sammlung, wobei Index 0 min und 1 max ist — wodurch eine separate Variablenbindung entfällt, es sei denn, sie wird für erweiterte Szenarien benötigt. Setzen Sie bei Bedarf einen initialen Bereich direkt in der Value-Eigenschaft (z. B. [50, 250]).

1

Slider-Komponente hinzufügen

• API-Namen: priceRangeSlider (wird später zur Referenzierung des Value-Attributs verwendet)

• Beschriftung: "Nach Preisspanne filtern:"

• Mehrere Werte: Ein

• Wert: (Optional initial: [50, 250]; für die grundlegende Nutzung ist keine Bindung erforderlich)

• Min: 0

• Max: 500

• Schritt: 10

• Einheiten: Währung

• Pin anzeigen: Ein

• Tausch deaktivieren: Ein

2

In Data Table integrieren

Verwenden Sie in den Abfragefiltern der Data Table $Component.priceRangeSlider.Value[0] (min) und $Component.priceRangeSlider.Value[1] (max), um den Bereich dynamisch anzuwenden

3

Interaktion hinzufügen

Fügen Sie im Interactions-Panel für den Slider eine Aktion "Bei Änderung" hinzu, um die Datenquelle der Data Table zu aktualisieren.

Ergebnis: Bereichsauswahlen filtern Daten dynamisch.