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)8. Gestion d'un évènement "souris"
Exécution de la recherche lors d'un clic de souris sur le bouton "loupe"
Search.html
8
9
10
11
1213
| <div id="${id}Button" class="btn greyBorder floatLeft" label="${_nls.locale.send}" title="${_nls.locale.send}" dojoAttachEvent="onclick:_search"></div> |
ligne
12 : ajout d'un évènement sur le div que nous utiliserons comme bouton.
attention en Dojo les méthodes pour la gestion des évènements DOM sont toujours écrites en minuscule :
Search.js
48 49 50515253545556575859606162 | }, /* Function: _search Methode privee executant la recherche */ _search: function() { console.log("exemple1.widget.Search::_search"); if( this.searchField.value!=this._nls.locale.text && this.searchField.value != "") { console.info("lancer la recherche sur : ", this.searchField.value); } else { console.info("vous devez saisir une chaine de caracteres..."); } } |
lignes
55 et 56 : on exécute la recherche si la chaîne de caractères est différente de celle affichée par défaut dans le champ de recherche
et si la chaîne de caractères n'est pas vide