j-Enterbox

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Eine einfache EnterBox. Jeder Wert muss mit der Taste enter oder durch Klicken auf die Schaltfläche bestätigt werden.

Konfiguration:

maxlength {Number} optional, eine maximale Länge des Werts (Standard: 50)
icon {String}-Symbol
placeholder {String} ein Platzhalter für die Eingabesteuerung
exec {String} optional, ein Link zu einer Funktion im Fensterbereich (sonst ist data-jc-path erforderlich)
button {String} fügt der Schaltfläche eine Beschriftung hinzu (Standard: empty)

Verwenden Sie es mit <ui-component name="enterbox">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>