j-Pin

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Jednoduchý tvorca PIN.

Konfigurácia:

count {Number} počet vstupov PIN (predvolené: 6)
required {Boolean} povolí "povinné" (predvolené: false)
disabled {Boolean} môže deaktivovať tento ovládací prvok
hide {Boolean} zakáže zobrazovanie čísel (predvolené: false)
mask {Boolean} zakáže masku (predvolené: true)
NEW exec {String} cesta k function(pin)
NEW allowpaste {Boolean} umožňuje prilepenie špendlíkov (predvolené: true)

Je dobré vedieť:

vstup bez hodnoty vytvára medzeru
očakáva String

Metódy:

component.focus() zaostrí prvý vstup

Použite ho so <ui-component name="pin">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

example.html

<div style="padding:50px">
	<div style="width:200px">
		<div style="margin-bottom:5px">PIN 1</div>
		<ui-component name="pin" path="pinA" config="count:4"></ui-component>
	</div>
	<br />
	<div style="width:250px">
		<div style="margin-bottom:5px">PIN 2 (hide:true)</div>
		<ui-component name="pin" path="pinB" config="count:5;hide:true"></ui-component>
	</div>
	<br />
	<div style="width:300px">
		<div style="margin-bottom:5px">PIN 3 (visible)</div>
		<ui-component name="pin" path="pinC" config="count:6;mask:false"></ui-component>
	</div>
</div>