j-SearchInput

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Prispôsobiteľné vyhľadávanie.

Konfigurácia:

Ikona vyhľadávania searchicon {String} (predvolené: ti ti-search)
ikona zrušenia cancelicon {String} (predvolené: ti ti-times)
Zarovnanie ikony align {String} (predvolené: left)
placeholder {String} a plcedržiteľ
autofocus {Boolean/Number} umožňuje automatické zaostrovanie pre nemobilné zariadenia (číslo znamená oneskorenie automatického zaostrovania, predvolené: false)
exec {String} prepojenie na function(value, element), ktoré sa vyhodnotí, ak bude ovplyvnený vstup
NEW: realtime {Boolean} umožňuje väzbu v reálnom čase (predvolené: true)

Metódy:

component.focus() zaostrí vstup
component.clear() vymaže vstup

Použite ho so <ui-component name="searchinput">. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v DEF.fallback (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov 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>