j-RawEditable

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

j-RawEditable je jednoduchá složka s velkou skrytou funkcí.

Konfigurace:

type {String} Volitelně může být email, phone, zip, date, time, url, number, search, lower, upper nebo v praxi (default)
formatting {Boolean} umožňuje formátování odvážné, italické atd., předvolené: false
required {Boolean} volitelně, umožňuje "potřebné" (předvolené: false)
placeholder {String} volitelně, přidává text placeholder do vstupu
maxlength {Number} volitelně, nastavení maximální délky čerpadel (default: 200)
minlength {Number} volitelně, stanoví minimální délku pneumatik
minvalue {Number} volitelné, minimální hodnota pro typ number
maxvalue {Number} volitelné, maximální hodnota pro typ number
validate {String} volitelný, podmínka pro potvrzení hodnoty, může obsahovat odkaz na function(value) nebo !!value.match(/[a-z]+/)
format {String} Volitelné, výstupní formátování atd. date typy : yyyy-MM-ddPro time typy : HH:mmPro number Můžete definovat max. decimals
disabled {Boolean} volitelně, tento složka je deaktivována
autocomplete {String} je volitelný, musí obsahovat odkaz na funkci, vyvolává se na události focus
spaces {Boolean} volitelné, umožňuje prostory jinak je odstraňuje (předvolené: true)
autosource {String} je cesta k funkci search v autocomplete, function(search, render(arr))
autovalue {String} je vlastnická cesta pro hodnotu v autosource, předvolená: name
Metoda function(item, next(value_to_input)) je metoda autoexec {String}
forcevalidation {Boolean} umožňuje validace síly pro phone a email (předvolené: true)
monospace {Boolean} umožňuje písemnost monospaced (předvolené: false)
enter {String} odkaz na function(val, com) - vyhodnocené, když uživatel stiskne

Použijte ji s <ui-component name="raweditable">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>