j-SearchInput

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Introduction à la recherche personnalisable.

Configuration :

Icône de recherche searchicon {String} (défaut : ti ti-search)
L’icône d’annulation cancelicon {String} (defaut : ti ti-times)
L’icône de align {String} (defaut : left)
placeholder {String} pour le conteneur
autofocus {Boolean/Number} permet l'auto-focus pour les appareils non mobiles (numéro signifie un retard pour l'autofocus, par défaut: false)
exec {String} un lien vers le function(value, element) qui sera évalué si l'entrée est affectée
NEW: realtime {Boolean} permet la connexion en temps réel (defaut: true)

Méthodes :

component.focus() Focus sur l'entrée
component.clear() Introduction claire

Utilisez-le avec <ui-component name="searchinput">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>