vendredi 03 septembre 2010

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)


Afin de faciliter l'accès à ce tutoriel, nous avons découpé le développement en deux parties.



Sommaire


1. Pour bien commencer...

Partie 1 : Widget "Search" simplifié

2. Définition du template
3. Définition du widget
4. Définition du style
5. Création d’un sample de test
6. Test

Partie 2 : Widget "Search" avancé

7. Internationalisation
8. Gestion d'un évènement "souris"
9. Gestion d'un évènement "clavier"
10. Suppression du contenu du champ de saisie
11. Valeur par défaut
12. Sélection du moteur de recherche
13. Affichage du résultat de la recherche
14. Affichage des erreurs






Figure 1. Le widget « Search » simplifié est composé d’un champ de saisie et d’un bouton pour exécuter la recherche.





Figure 2. Le widget « Search » avancé comporte un bouton supplémentaire à menu déroulant pour la sélection du moteur de recherche