Workshop Ajax Control Toolkit

Par Jean Laurent, formateur chez Global Knowledge.

Présentation

Ajax permet d'effectuer de petites requêtes pour ne pas faire un postback complet dans certains cas: au lieu de rafraîchir toute la page avec un POST HTTP, on ne met à jour qu'une petite partie. Il existe depuis plus de 10 ans mais tous les navigateurs ne le prenaient pas en charge.

Le Toolkit est librement téléchargeable et génère le JavaScript capable de travailler sur le DOM du XHTML généré par les contrôles serveur. L'objectif du Toolkit est de nous permettre d'écrire le moins de JavaScript possible.

Le contrôle ScriptManager gère les rafraîchissements partiel. D'ailleurs, en le couplant avc l'UpdatePanel on obtient rapidement une page au rafraîchissement partiel.

Contrôles

L'Ajax Control Toolkit contient une collection de contrôles Extender et de contrôles serveur classiques.

Les contrôles classiques:

• Accordion: panneaux rétractables.
• Rating: notation/appréciation.
• ReorderList: tri manuel d'éléments.
• TabContainer: permet de gérer des onglets.

Les Extenders (ajoutent des fonctionnalités aux contrôles existants):

• CollapsiblePanel: permet de réduire des panneaux
• DragPanel: déplacement de contrôlescheckBox, ToggleButton, HoverMenu, ModalPopup, AlwaysVisibleControl, DropShadow, DropDown, ConfirmButton, MutuallyExclusive, MaskedEdit, NoBot (limite le spam)...

Installation

Pour VS 2005, il faut installer ASP.NET Ajax Extensions.

Ajax est déjà intégré à VS 2008.
On ajoute ensuite l'Ajax Control Toolkit adapté.

Workshop

Le présentateur indique que l'atelier sera en C#. Ceux qui font du VB.Net sont encouragés à passer à C# pour sa concision et sa "clarté" (sic).

Le workshop est finalement très court, vu qu'il ne reste qu'une demi-heure et que diverses erreurs empêchent la progression du présentateur. Au final, on n'utilisera qu'un UpdatePanel, un TabPanel et un HoverMenuExtender.

Notes perso:

• C# est plus concis que VB.NET, mais je trouve que VB.NET est plus clair, notamment car un End Class est plus clair qu'une accolade fermante.
• Si vous aviez une version précédente du Ajax Control Toolkit et qu'après migration votre application pose problème, regardez ici.