j-Pin

Zwyczajny PIN maker.

Konfiguracja:

• count {Number} liczba wpisów PIN (default: 6)
• required {Boolean} umożliwia „potrzebne” (default: false)
• disabled {Boolean} może usunąć tę kontrolę
• hide {Boolean} nie pozwala na wyświetlanie liczb (default: false)
• mask {Boolean} wyłącza maskę (default: true)
• NEW exec {String} droga do function(pin)
• NEW allowpaste {Boolean} umożliwia pasowanie pinów (default: true)

Dobrze wiedzieć:

• Wkład bez wartości tworzy przestrzeń
• Oczekuje się String

Metody:

• component.focus() koncentruje się na pierwszym wejściu

Użyj go z <ui-component name="pin">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja 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>