j-Enterbox

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

Une simple EnterBox. Chaque valeur doit être confirmée via la touche enter ou en cliquant sur le bouton.

Configuration :

maxlength {Number} en option, une longueur maximale de valeur (par défaut : 50)
Icône icon {String}
placeholder {String} un espace réservé pour le contrôle d'entrée
exec {String} en option, un lien vers une fonction dans le scope de la fenêtre (sinon data-jc-path est obligatoire)
button {String} ajoute une étiquette au bouton (par défaut : empty)

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

<div style="padding:50px;max-width:300px">
	<ui-component name="enterbox" config="exec:enterbox_enter;icon:ti ti-search;placeholder:Search and press enter ..."></ui-component>
</div>

<script>
	function enterbox_enter(value) {
		alert(value);
	}
</script>