j-SearchInput

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Aanpassbare zoekopdrachten.

Configuratie:

searchicon {String} zoekicon (default: ti ti-search)
cancelicon {String} annuleren icon (default: ti ti-times)
align {String} icon aanpassing (default: left)
placeholder {String} een plceholder
autofocus {Boolean/Number} maakt auto-focus mogelijk voor niet-mobiele apparaten (nummer betekent een vertraging voor auto-fookus, standaard: false)
exec {String} een link naar de function(value, element) die zal worden beoordeeld als de ingang wordt beïnvloed
NEW: realtime {Boolean} zorgt voor realtime binding (default: true)

Methoden:

component.focus() is de ingang
component.clear() invoeren

Gebruik het met <ui-component name="searchinput">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

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>