j-RawEditable

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

j-RawEditable jest prostym składnikiem o dużej ukrytej funkcjonalności.

Konfiguracja:

type {String} Opcjonalnie, może być email, phone, zip, date, time, url, number, search, lower, upper lub pusty (default)
formatting {Boolean} umożliwia formatowanie odważnych, włoskich itp., wstępne: false
required {Boolean} opcjonalny, umożliwia "wymagane" (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

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

<b>Type something</b>: <span><ui-component name="raweditable" path="form.name" config="placeholder:Placeholder" style="position:relative;display:inline-block;min-width:80px;height:24px;line-height:20px;border:2px solid blue;padding:0 5px"></ui-component></span>

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