jQuery VS ASP.NET AJAX
Il existe une multitude de Framework AJAX. Les deux que j'ai fort en vue pour le moment c'est :
Ils sont très simple d'utilisation et assez bas niveau pour être modeler à volonté. Pour cette article, je me suis basé sur une lecture que j'ai eu il y a plusieurs jours mais a laquelle j'ai du apporter des corrections.
Le cas d'étude
Le but de cet article est de faire une simple comparaison entre les deux Frameworks afin de déterminer :
- Lequel est le plus simple au niveau syntaxe
- Lequel est le moins lourd
Pour cela, nous allons déclarer des handlers d'événements sur toutes les rows d'une GridView de 200 éléments.
Mise en place du projet
Les éléments commun de notre projet sont :
- Le GridView (à quelques détails)
- La source de données
Notre source de données est en fait un DataObject appelé TeamDataObject :
Le fichier XML est très simple :
Quant à notre GirdView il n'a rien de particulier :
Les bases du projet étant maintenant terminée, nous pouvons passer à l'implémentation JavaScript.
Implémentation avec ASP.NET AJAX Framework
La première chose à faire, est d'ajouter les handlers sur les différentes lignes de notre GridView. Cela se fait à l'aide de la méthode $addHandler.
Cette méthode sera appelée lors du chargement de la page :
On voit ici qu'on ajoute trois traitement d'événements :
- Sur le passage de la souris
- Sur la perte de la souris
- Sur le clic
Nous devons donc créer trois méthodes qui traiteront ces événements.
Vous voyez ici utiliser isClickedStyleSet qui est une méthode qui vérifie si le classe actuel de l'objet n'est pas "row-select" :
Implémentation jQuery
jQuery est un autre Framework Ajax qui n'est pas édité par Microsoft. Vous pouvez trouver toutes les informations sur jQuery.com.
Le code est beaucoup plus soft et ne se fait quasiment qu'en une fois :
Nous avons donc exactement la même méthode mais on peut directement ajouter les événements sur les lignes sans devoir faire un foreach. Bien entendu, pour pouvoir utiliser jQuery, nous avons du ajouter une référence à un fichier JavaScript :
Le résultat
jQuery :
ASP.NET AJAX Framework :
Et votre avis?
Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
