j-PriceRange

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Attributen:

data-min="0" een minimale waarde (default 0)
data-max="0" een maximale waarde (default 10000)
data-step="100" stap (de standaard 100)
De huidige waarden van de data-currency="$ {0}"-formaat (de standaard {0} €)

De component opslaat de waarde als string 200-500, verklaring: from-to.

Gebruik het met <ui-component name="pricerange">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>