j-SearchInput

jComponent 20 · jcomponent@20 component Exemplo carregado com jComponent 20

Introdução de busca personalizável.

Configuração:

Icon de pesquisa searchicon {String} (default: ti ti-search)
cancelicon {String} cancelar ícone (default: ti ti-times)
align {String} icon align (default: left)
placeholder {String} é um plceholder
autofocus {Boolean/Number} permite auto-foco para dispositivos não móveis (numero significa um atraso para auto-foque, padrão: false)
exec {String} um link para o function(value, element) que será avaliado se a entrada for afetada
NEW: realtime {Boolean} permite a ligação em tempo real (default: true)

Métodos:

component.focus() é a entrada
component.clear() é a entrada

Use-o com <ui-component name="searchinput">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença 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>