j-RawEditable

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

j-RawEditable este un component simplu cu o mare funcționalitate ascunsă.

Configurarea:

type {String} Opțional, poate fi email, phone, zip, date, time, url, number, search, lower, upper sau în mod implicit,
formatting {Boolean} permite formatul bold, italic etc., standard: false
required {Boolean} opțional, permite „necesită” (default: false)
placeholder {String} este opțional, adăugând un text placeholder la intrarea
maxlength {Number} opțional, stabilește o lungime maximă a încărcăturii (default: 200)
minlength {Number} opțional, stabilește o lungime minimă a încărcăturii
minvalue {Number} opțional, o valoare minimă pentru tipul number
maxvalue {Number} opțional, o valoare maximă pentru tipul number
validate {String} opțional, o condiție de validare a valorii, poate conține un link la function(value) sau !!value.match(/[a-z]+/)
format {String} opțional, formatul de ieșire etc. pentru tipul date: yyyy-MM-dd, pentru tip time: HH:mm, pentru number puteți defini max. decimale
disabled {Boolean} opțional, dezactivă acest component
autocomplete {String} opțional, trebuie să conțină un link la o funcție, este declanșat pe evenimentul focus
spaces {Boolean} opțional, permite spații altfel le îndepărtează (default: true)
autosource {String} este o funcție de search în autocomplete, function(search, render(arr))
autovalue {String} este o cale de proprietate pentru valoarea în autosource, standard: name
autoexec {String} - o metodă de călătorie function(item, next(value_to_input))
forcevalidation {Boolean} permite validarea forței pentru phone și email (default: true)
monospace {Boolean} permite fontul monospaced (default: false)
enter {String} un link la function(val, com) - evaluat atunci când utilizatorul prestează intrarea

Utilizați-l cu <ui-component name="raweditable">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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>