j-PriceRange

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Attribut:

data-min="0" är ett minimivärde (default 0)
data-max="0" ett maximalt värde (default 10000)
data-step="100" steg (default 100)
data-currency="$ {0}" aktuella värden (default {0} €)

Komponenten lagrar värdet som sträng 200-500, förklaring: from-to.

Använd den med <ui-component name="pricerange">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>