SliderView

Źródło: views/SliderView.js

SliderView

Suwak wartości liczbowej (input range) z opcjonalnym podglądem bieżącej wartości. Wartość widoku w VarStore to liczba.

Schema

type: slider
id: priceLimit
name: maxPrice
label: Maksymalna cena
min: 0
max: 1000
step: 10
value: 200
showValue: true
unit: " PLN"
debounce: 300
onChange:
  action: reload
  target: productsTable

Parametry

type - Typ widoku: "slider"
id - Identyfikator widoku (wymagane dla onChange / odczytu wartości)
name - Nazwa zmiennej do zbierania danych
label [template] - Etykieta suwaka (opcjonalne)
min - Wartość minimalna (domyślnie: 0)
max - Wartość maksymalna (domyślnie: 100)
step - Krok zmiany wartości (domyślnie: 1)
value [template] - Wartość początkowa (domyślnie: min)
showValue - Czy pokazywać bieżącą wartość obok etykiety (domyślnie: true)
unit - Sufiks wyświetlany za wartością, np. " PLN", "%" (opcjonalne)
debounce - Opóźnienie w ms przed wywołaniem onChange (opcjonalne)
disabled - Czy suwak jest wyłączony (opcjonalne)
onChange - Akcja na zmianę wartości (opcjonalne)

Publiczne API (kontrakt kontrolki wartości)

view.getValue()                               // liczba z zakresu min–max, wyrównana do step
view.setValue(value, { emitChange = false })  // ustawia wartość i synchronizuje VarStore