j-Enterbox

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Een eenvoudige EnterBox. elke waarde moet worden bevestigd via de enter-toets of door op de knop te klikken.

Configuratie:

maxlength {Number} optioneel, een maximale waarde lengte (default: 50)
icon {String} Icon
placeholder {String} een plaatshouder voor de ingangscontrole
exec {String} optioneel, een link naar een functie in het raam (anders is data-jc-path vereist)
button {String} voegt een label toe aan de knop (default: empty)

Gebruik het met <ui-component name="enterbox">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>