j-PriceRange

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

atrybuty:

data-min="0" jest minimalną wartością (default 0)
Maksymalna wartość data-max="0" (default 10000)
data-step="100" krok (default 100)
Wskaźniki data-currency="$ {0}" (default {0} €)

Wartość składnika jest przechowywana jako strona 200-500, wyjaśnienie: from-to.

Użyj go z <ui-component name="pricerange">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

example.html

<div style="width:600px">
	<ui-component name="pricerange" path="filter.price" data-min="0" data-step="100" data-max="1000"></ui-component>
</div>

<script>
	var filter = { price: '200-800' };
</script>