ForgeKomponensek
hu

Komponensek

j-Pin

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

Egyszerű PIN készülék.


konfiguráció:

  • count {Number} a PIN-bejegyzések számát (default: 6)
  • A required {Boolean} lehetővé teszi a „követelt” (default: false)
  • A disabled {Boolean}-t a vezérlés kiküszöbölheti
  • hide {Boolean} megakadályozza a számok megjelenítését (default: false)
  • A mask {Boolean} eltávolítja a maszkot (default: true)
  • NEW exec {String} egy út a function(pin)
  • NEW allowpaste {Boolean} lehetővé teszi a pin rögzítését (default: true)

Jó tudni:

  • Az érték nélküli bevitele teremt egy helyet
  • várhatóan String

módszerek:

  • A component.focus() az első bevitelt tartalmazza

Használja a <ui-component name="pin">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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>