Comment attachez-vous une fonction de rappel personnalisée à l'extension de saisie semi-automatique jquery?

Question

J'utilise l'extension jquery autocomplete 1.0.2 de Dylan Verheul, Dan G. Switzer, Anjesh Tuladhar et Jörn Zaefferer. J'essaie d'exécuter ma propre fonction de rappel lorsque .show () et .hide () sont appelés à partir du contrôle autocomplete. Je n'ai trouvé aucun moyen de reconnaître ma fonction de rappel. Si quelqu'un connaît ce contrôle et peut m'aider, je vous en serais très reconnaissant.

Answer 1

Désolé, je n'ai pas de réponse facile à votre question, j'ai vérifié le code source du plugin et je n'ai trouvé aucun mécanisme pour vous permettre de vouloir. Je pense que vous devrez mettre à jour ce plugin vous-même pour le faire fonctionner à votre guise.

L'idée est d'ajouter vos rappels au paramètre options , puis de faire en sorte que le plug-in les utilise. Tout d'abord, vous devrez modifier le code du plugin. Accédez à la fonction qui crée la classe chargée d’afficher / masquer le contrôle autocomplete:

$.Autocompleter.Select = function (options, input, select, config) {

Si vous faites défiler l'écran vers le bas, vous pouvez voir que cette fonction renvoie un objet avec les méthodes show () et hide () . Vous pouvez ajouter le code suivant:

hide: function() {
    ...
    options.showCallback && options.showCallback(); // Invoke callback function if set
},
...
show: function() {
    ...
    options.hideCallback && options.hideCallback(); // Invoke callback function if set
},

Enfin, lorsque vous créez votre saisie semi-automatique, vous devez ajouter vos rappels à vos options:

$("#myTextBox").autocomplete("http://...",
{
    showCallback : function() { /* do what you want here */ },
    hideCallback : function() { /* do what you want here */ }
});

Pas testé du tout, c'est juste une solution rapide et sale. J'espère que cela aide.