j-PriceRange

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Attributs :

data-min="0" : valeur minimale (defaut 0)
data-max="0" : valeur maximale (defaut 10000)
data-step="100" étape (defaut 100)
data-currency="$ {0}" Formats actuels (defaut) {0} €)

Le composant stocke la valeur en tant que filet 200-500, explication: from-to.

Utilisez-le avec <ui-component name="pricerange">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>