j-Pin

Un semplice PIN creatore.

Configurazione:

• count {Number} un numero di input PIN (default: 6)
• required {Boolean} permette “necessario” (default: false)
• disabled {Boolean} può disattivare questo controllo
• hide {Boolean} disabilita la visualizzazione dei numeri (default: false)
• mask {Boolean} disabilita la maschera (default: true)
• NEW exec {String} un percorso a function(pin)
• NEW allowpaste {Boolean} consente il pasto di pin (default: true)

Buono sapere:

• L'ingresso senza valore crea uno spazio
• Si aspetta il String

Metodi:

• component.focus() si concentra sulla prima input

Utilizzare con <ui-component name="pin">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

<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>