j-SearchInput

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

Anpassbare Sucheingabe.

Konfiguration:

Suchsymbol searchicon {String} (Standard: ti ti-search)
cancelicon {String}-Abbruchsymbol (Standard: ti ti-times)
align {String}-Symbol ausrichten (Standard: left)
placeholder {String} ein Inhaber
autofocus {Boolean/Number} ermöglicht den Autofokus für nicht mobile Geräte (Zahl bedeutet eine Verzögerung für den Autofokus, Standard: false)
exec {String} ein Link zum function(value, element), der ausgewertet wird, wenn der Eingang betroffen ist
NEU: realtime {Boolean} ermöglicht Echtzeitbindung (Standard: true)

Methoden:

component.focus() fokussiert die Eingabe
component.clear() löscht die Eingabe

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

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>