j-PriceRange

jComponent 20 · jcomponent@20 component Example loaded with jComponent 20

Attributes:

data-min="0" a minimal value (default 0)
data-max="0" a maximal value (default 10000)
data-step="100" step (default 100)
data-currency="$ {0}" formats current values (default {0} €)

The component stores value as string 200-500, explanation: from-to.

Use it with <ui-component name="pricerange">. When the component is not loaded yet, jComponent downloads it on first use from the address in DEF.fallback (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

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>