Tutoriel : Mon premier widget Dojo
Création d'un composant graphique Dojo pour interfacer l'accès à plusieurs moteurs de recherche (Compatible Dojo 1.2.3)9. Gestion d'un évènement "clavier"
Exécution de la recherche lorsque l'utilisateur appuie sur la touche "entrée" dans le champ de saisie.
Search.html
2 3 4 5 678 | <input type="text" class="floatLeft greyBorder" name="${id}Field" value="" dojoAttachPoint="searchField" dojoAttachEvent="onkeypress:_onKeyPress" /> |
ligne
7 : ajout d'un évènement "onkeypress" sur le champ de saisie
Search.js
48 49 505152535455565758596061 | }, /* Function: _onKeyPress Methode privee executee lors de la saisie d'un caractere dans le champ de recherche */ _onKeyPress: function(/*Object*/evt) { console.log("exemple1.widget.Search::_onKeyPress"); if(evt.keyCode == dojo.keys.ENTER){ console.info("vous avez appuye sur la touche ENTREE"); this._search(); dojo.stopEvent(evt); return; } } |
ligne
55 à 60 : exécute la recherche si l'utilisateur appuie sur la touche "entrée" lorsque le focus est sur le champ de saisie