j-Enterbox

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

En enkel EnterBox. Varje värde måste bekräftas via enter-nyckeln eller genom att klicka på knappen.

Konfigurera:

maxlength {Number} valfritt, högsta värde längd (default: 50)
icon {String} Ikon
placeholder {String} en platsinnehavare för inmatningskontroll
exec {String} valfritt, en länk till en funktion i fönstret (i annat fall krävs data-jc-path)
button {String} lägger till en etikett i knappen (default: empty)

Använd den med <ui-component name="enterbox">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>