j-SearchInput

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

Entrada de búsqueda personalizable.

Configuración:

Icono de búsqueda searchicon {String} (predeterminado: ti ti-search)
Icono de cancelación cancelicon {String} (predeterminado: ti ti-times)
Alineación de iconos align {String} (predeterminado: left)
placeholder {String} un marcador de posición
autofocus {Boolean/Number} habilita el enfoque automático para dispositivos no móviles (el número significa un retraso para el enfoque automático, predeterminado: false)
exec {String} un enlace al function(value, element) que será evaluado si la entrada se ve afectada
NUEVO: realtime {Boolean} habilita el enlace en tiempo real (predeterminado: true)

Métodos:

component.focus() enfoca la entrada
component.clear() borra la entrada

Úselo con <ui-component name="searchinput">. 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

<ui-component name="searchinput" path="%search" class="m"></ui-component>
<ui-bind path="%search" config="text b" class="block">Search: <b></b></ui-bind>