j-SearchInput

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Anpassningsbar sökning Inträde.

Konfigurera:

searchicon {String} sökikon (default: ti ti-search)
cancelicon {String} avbryta ikonen (default: ti ti-times)
align {String} ikon align (default: left)
placeholder {String} en plceholder
autofocus {Boolean/Number} möjliggör automatisk fokus för icke-mobilenheter (numret betyder en försening för automatisk fokus, standard: false)
exec {String} en länk till function(value, element) som kommer att utvärderas om inmatningen påverkas
NEW: realtime {Boolean} möjliggör realtidsbindning (default: true)

Metoder:

component.focus() fokuserar på inmatning
component.clear() klarar in

Använd den med <ui-component name="searchinput">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>