j-Enterbox

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Un EnterBox sencillo. Cada valor debe confirmarse mediante la tecla enter o haciendo clic en el botón.

Configuración:

maxlength {Number} opcional, una longitud máxima de valor (predeterminado: 50)
icon {String}icono
placeholder {String} un marcador de posición para el control de entrada
exec {String} opcional, un enlace a una función en el alcance de la ventana (de lo contrario, se requiere data-jc-path)
button {String} agrega una etiqueta al botón (predeterminado: empty)

Úselo con <ui-component name="enterbox">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (la CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia 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>