j-RawEditable

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

j-RawEditable je jednoduchá zložka s veľkou skrytou funkčnosťou.

Konfigurácia:

type {String} Opcionálne môže byť email, phone, zip, date, time, url, number, search, lower, upper alebo prázdne (default)
formatting {Boolean} umožňuje formátovanie odvážne, italické atď., predvolené: false
required {Boolean} voliteľné, umožňuje "povinné" (predvolené: false)
placeholder {String} voliteľné, do vstupu pridá text placeholder
maxlength {Number} voliteľné, nastavenie maximálnej dĺžky nádrží (predvolené: 200)
minlength {Number} voliteľné, nastavenie minimálnej dĺžky pneumatík
minvalue {Number} voliteľné, minimálna hodnota pre typ number
maxvalue {Number} voliteľné, maximálna hodnota pre typ number
validate {String} voliteľné, podmienka pre overenie hodnoty, môže obsahovať prepojenie na function(value) alebo !!value.match(/[a-z]+/)
format {String} Opcionálne, výstupné formátovanie atď. pre date typy : yyyy-MM-ddpre time typy : HH:mmpre number Môžete určiť max. decimals
disabled {Boolean} voliteľné, deaktivuje tento komponent
autocomplete {String} voliteľné, musí obsahovať odkaz na funkciu, je spustený na focus udalosti
spaces {Boolean} voliteľné, povolí medzery, inak ich odstráni (predvolené: true)
autosource {String} cesta k funkcii search v autocomplete, function(search, render(arr))
autovalue {String} je vlastná cesta pre hodnotu v autosource, predvolená: name
autoexec {String} - metóda trasy function(item, next(value_to_input))
forcevalidation {Boolean} umožňuje validáciu sily pre phone a email (predvolené: true)
monospace {Boolean} umožňuje písmo monospaced (predvolené: false)
enter {String} odkaz na function(val, com) - vyhodnotený, keď používateľ stlačí vstup

Použite ho so <ui-component name="raweditable">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia 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>