Skip to main content

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.

Comments

Post a Comment

Popular posts from this blog

Vue semaine gratuite pour Windows Phone 7.5

J’ai le plaisir d’annoncer la disponibilité sur le marketplace de mon application Free Week Calendar . C’est la première application gratuite à vous fournir une vue semaine de vos rendez-vous. L’utilisation est aussi simple que fluide. Par défaut vos rendez-vous de la semaine courante sont affichés (les copies d’écran sont en anglais mais l’application est intégralement localisée en français): En glissant le doigt à gauche ou à droite vous obtenez la semaine suivante ou précédente. En écartant les doigts vous zoomez sur vos rendez-vous, et en les rapprochant vous revenez à la vue globale. Contrairement à d’autres applications, celle-ci est entièrement localisée pour fonctionner en français et respecter le lundi comme premier jour de la semaine. P.S: merci à l’ Accélérateur Windows Phone et Dalhia pour leur aide. Sans eux cette application aurait mis plus de temps à sortir.
7 comments
Read more

Tutoriel: Insérer un flux RSS dans une page ASP.net

Nous allons ici voir comment rapidement incorporer un flux RSS dans un formulaire Web ASP.net. Plus exactement, nous allons nous abonner à un flux Atom. Le but est d'afficher en tant que HTML les titres des entrées du flux, avec les liens vers les articles, et d'incorporer le tout au formulaire Web, comme je le fais sur ma page: Dans cet exemple, nous prendrons le flux RSS provenant de l'URL http://arnaudweil.blogspot.com/rss.xml . Puisque le RSS est du XML , nous allons facilement pouvoir le transformer en HTML grâce au contrôle ASP.net Xml et à une transformation XSLT . Dans ma page blog.aspx, j'écris donc: <asp:Xml ID="Xml1" runat="server" TransformSource="~/rss2table.xsl" /> Il me faut ensuite créer la transormation XSLT. J'ajoute donc à la racine de mon site un fichier rss2table.xsl avec le contenu suivant (cliquez avec le bouton droit sur le nom du projet dans l'Explorateur de Solutions de Visual Studio et ch...
7 comments
Read more

Gift idea : help your loved ones take their IT skills to the next level

You surely know a special person who works in IT. Learn Kubernetes & Docker enables them to quickly ramp up on those two technologies that one doesn't want to miss in 2021. With smoother operations, better scaling and availability, DevOps tooling, containers and containers orchestration smartly solve many problems that developers and system administrators commonly face. Don't let your loved ones face problems in their IT job : offer them the book that takes them from zero to productive in a matter of days. Grab it now! Get the ebook from Leanpub , Amazon or choose from many retailers . Get the print edition from Lulu .  
Post a Comment
Read more