j-Pin

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Един чифт PIN.

Конфигуриране:

count {Number} - брой на PIN вноски (предварително: 6)
required {Boolean} позволява „необходимо“ (предварително: false)
disabled {Boolean} може да деактивира този контрол
hide {Boolean} прекъсва показването на числа (дефолт: false)
mask {Boolean} Изключване на маската (дефолт: true)
NEW exec {String} пътят към function(pin)
NEW allowpaste {Boolean} позволява пастиране на пина (дефолт: true)

Добре е да се знае:

Входът без стойност създава пространство
Очаква се String

Методи:

component.focus() се фокусира върху първия вход

Използвайте го с <ui-component name="pin">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>