j-SearchInput

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Přizpůsobitelné vyhledávací vstupy.

Konfigurace:

searchicon {String} vyhledávací ikona (předvolené: ti ti-search)
cancelicon {String} zrušení ikony (předvolené: ti ti-times)
align {String} ikona align (předvolené: left)
placeholder {String} a plceholder
autofocus {Boolean/Number} umožňuje automatické zaměření pro ne-mobilní zařízení (číslo znamená zpoždění pro auto-fokus, předvoleno: false)
exec {String} odkaz na function(value, element), který bude vyhodnocován, pokud je vstup ovlivněn
NEW: realtime {Boolean} umožňuje zavazování v reálném čase (předvolené: true)

Metody:

component.focus() se zaměřuje na vstup
component.clear() Čištění vstupu

Použijte ji s <ui-component name="searchinput">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>