j-RawInput

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

j-RawInput jest prostym elementem wejściowym z dużą ukrytą funkcjonalnością.

Konfiguracja:

type {String} Opcjonalnie, może być email, phone, password, zip, date, time, url, number, search, lower, upper lub pusty (default)
required {Boolean} opcjonalny, umożliwia "wymagane" (default: false)
autofocus {Boolean} opcjonalny, koncentruje się na wejściu (default: false)
autofill {Boolean} opcjonalny, umożliwia funkcję autofill przeglądarki (default: false)
placeholder {String} opcjonalny, dodaje tekst placeholder do wpisu
maxlength {Number} opcjonalny, ustawiając maksymalną długość czołgów (default: 200)
minlength {Number} opcjonalny, ustawiający minimalną długość ładunków
minvalue {Number} opcjonalny, minimalna wartość dla typu number
maxvalue {Number} opcjonalny, maksymalna wartość dla typu number
validate {String} opcjonalny, warunek weryfikacji wartości, może zawierać link do function(value) lub !!value.match(/[a-z]+/)
format {String} opcjonalny, formatowanie wyjściowe np. dla typu date: yyyy-MM-dd, dla rodzaju time: HH:mm, dla number można zdefiniować maksymalne dziesiątki
disabled {Boolean} opcjonalny, wyłącza ten składnik
autocomplete {String} opcjonalny, musi zawierać link do funkcji, jest uruchomiony na wydarzeniach focus
spaces {Boolean} opcjonalny, umożliwia przestrzenie w przeciwnym razie usuwa je (default: true)
autosource {String} Droga do search Funkcja w autocomplete, function(search, render(arr))
autovalue {String} - trasa właściwości dla wartości w autosource, standard: name
Metoda autoexec {String} - metoda function(item, next(value_to_input))
forcevalidation {Boolean} umożliwia weryfikację siły dla phone i email (default: true)
monospace {Boolean} umożliwia czcionkę monospaced (default: false)
enter {String} link do function(val, com) - oceniane, gdy użytkownik naciśnij
NEW: realtime {Boolean} umożliwia wiązanie w czasie rzeczywistym (default: true)
NEW: exec {String} link do function(value, element) który zostanie oceniony, jeśli wejście jest dotknięte

Użyj go z <ui-component name="rawinput">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.

example.html

<ui-component name="rawinput" path="form.name"></ui-component>

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