ForgeKomponensek
hu

Komponensek

j-RawInput

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

j-RawInput egy egyszerű beviteli komponens nagy rejtett funkcionalitással.


konfiguráció:

  • type {String} Opcionális, lehet email, phone, password, zip, date, time, url, number, search, lower, upper vagy az üres (default)
  • required {Boolean} opcionális, lehetővé teszi a „követelt” (default: false)
  • autofocus {Boolean} opcionális, összpontosítja a bevitelt (default: false)
  • autofill {Boolean} opcionális, lehetővé teszi a böngésző autofill funkcióját (default: false)
  • A placeholder {String} opcionális, a placeholder szöveget adja hozzá a bejegyzéshez
  • maxlength {Number} opcionális, maximális tartományt állapít meg (default: 200)
  • minlength {Number} opcionális, minimális hosszúságot állít be
  • minvalue {Number} opcionális, a number típus minimális értéke
  • maxvalue {Number} opcionális, a number típus maximális értéke
  • validate {String} opcionális, az érték validálásának feltétele, tartalmazhat egy linket a function(value) vagy !!value.match(/[a-z]+/)
  • format {String} Az opcionális, kimeneti formázás stb. date A típus: yyyy-MM-ddAzért time A típus: HH:mmAzért number Max. decimálok meghatározása
  • disabled {Boolean} opcionális, kikapcsolja ezt az összetevőt
  • autocomplete {String} opcionális, egy funkcióhoz való linket kell tartalmaznia, a focus eseményen indítható
  • spaces {Boolean} opcionális, lehetővé teszi a helyek máskülönben eltávolítja őket (default: true)
  • autosource {String} Egy út a search Funkciók autocomplete, function(search, render(arr))
  • autovalue {String} a tulajdonság útja az értékre autosource, alapértelmezett: name
  • autoexec {String} egy út módszer function(item, next(value_to_input))
  • A forcevalidation {Boolean} lehetővé teszi a phone és a email teljesítmény validálását (default: true)
  • A monospace {Boolean} a monospaced betűtípusot engedélyezi (például: false)
  • enter {String} a function(val, com) linkre - értékelve, amikor a felhasználó belép
  • NEW: realtime {Boolean} lehetővé teszi a valós idejű kötést (default: true)
  • NEW: exec {String} egy link a function(value, element) amely értékelni fogja, ha a bevitelt befolyásolja

Használja a <ui-component name="rawinput">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
<ui-component name="rawinput" path="form.name"></ui-component>

<script>
	var form = { name: 'Peter' };
</script>