j-Enter

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

Ce composant évalue une méthode si l'utilisateur appuie sur enter. Important : le composant recherche tous les éléments input et exécute CAN() pour le chemin.

Configuration :

exec {String} un nom de méthode pour l'exécution
validate {Boolean} permet de valider (par défaut : true)
trigger {String} peut contenir un sélecteur pour déclencher un événement click réel (par défaut : button[name="submit"])
timeout {Number} un délai d'attente pour prévenir les pressions multiples sur la touche enter (par défaut : 1500)
NOUVEAU delay {Number} un délai de soumission des données (par défaut : 500 ms)

Utilisez-le avec <ui-component name="enter">. 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

<ui-component name="enter" config="exec:doSubmit;validate:false"  style="padding:50px;max-width:300px">
	<div>Login</div>
	<div><input type="text" /></div>
	<br />
	<div>Password</div>
	<div><input type="password" /></div>
</ui-component>

<script>
	function doSubmit() {
		alert('ENTER pressed');
	}
</script>