j-RawEditable

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

j-RawEditable est un composant simple avec une grande fonctionnalité cachée.

Configuration :

type {String} optionnel, il peut être email, phone, zip, date, time, url, number, search, lower, upper ou à l’écart (defaut)
formatting {Boolean} permet le formatage audacieux, italic, etc., par défaut: false
required {Boolean} en option, active "obligatoire" (par défaut : false)
placeholder {String} facultatif, ajoute un texte placeholder dans l'entrée
maxlength {Number} optionnel, fixant une longueur maximale des chars (defaut: 200)
minlength {Number} optionnel, fixant une longueur minimale des chars
minvalue {Number} optionnel, une valeur minimale pour le type number
maxvalue {Number} optionnel, une valeur maximale pour le type number
validate {String} facultatif, condition de validation de valeur, peut contenir un lien vers function(value) ou !!value.match(/[a-z]+/)
format {String} optionnel, formatage de sortie par exemple pour le type date : yyyy-MM-dd, pour le modèle time: HH:mm, pour number, vous pouvez définir un maximum de décimales.
disabled {Boolean} facultatif, désactive ce composant
autocomplete {String} optionnel, doit contenir un lien à une fonction, est déclenché sur l'événement focus
spaces {Boolean} facultatif, active les espaces sinon il les supprime (par défaut : true)
autosource {String} un chemin vers la fonction search dans autocomplete, function(search, render(arr))
autovalue {String} est une voie de propriété pour la valeur en autosource, par défaut: name
autoexec {String} méthode de route function(item, next(value_to_input))
forcevalidation {Boolean} permet la validation de force pour phone et email (défaut: true)
monospace {Boolean} permet la phonture monospaced (défaut : false)
enter {String} un lien vers function(val, com) - évalué lorsque l'utilisateur appelle

Utilisez-le avec <ui-component name="raweditable">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>