j-Slider

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

Denna slider fungerar endast med 100% X axel. Utgång: percentage (från 0 till 100).

Konfigurera:

disabled {Boolean} kan inaktivera komponenten
steps {Number} ett antal steg per 100 %

Använd den med <ui-component name="slider">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="max-width:300px">
	<ui-component name="slider" path="myrange"></ui-component>
	<ui-bind path="myrange" config="text:value + '%'" class="help block"></ui-bind>
	<br />
	<ui-component name="slider" path="myrange2"></ui-component>
	<ui-bind path="myrange2" config="text:value + '%'" class="help block"></ui-bind>
	<br />
	<ui-component name="slider" path="myrange" config="disabled:1"></ui-component>
	<ui-bind path="myrange" config="text:value + '%'" class="help block"></ui-bind>
</div>

<script>
	var myrange = 30;
	var myrange2 = 80;
</script>