Sébastien Pertus
Développement d'un Extender Ajax
L'optique de cet article est de prendre connaissance du framework ASP Ajax Extensions 1.0 ainsi que celui fourni par l'ATLAS Toolkit afin de voir les possibilités de customisation de contrôles qui vous sont alors offertes.
Par Sébastien Pertus publié le 02/04/2007 à 10:19, lu 4907 fois, 10 pages
 9 | Test de notre contrôle
Dans votre designer Visual Studio.Net 2005, vous tout d'abord rajouter un objet ScriptManager. C'est obligatoire ! Rappelez-vous que c'est lui qui va générer le Framwork JavaScript ASP.Net Ajax Extentions 1.0 et référencer les fichiers JavaScript (entre autre)
Puis il ne reste plus qu'à ajouter une TextBox classique, ainsi que votre Extender.
Vous devez lier l'Extender à votre TextBox. Ceci se fait grâce à la propriété TargetControlID.Rappelez-vous l'attribut que nous avons placé dans notre Extender :

[TargetControlType(typeof(TextBox))]   

C'est cet attribut qui définit la liste possible d'identifiants qui apparaitront dans la Liste déroulante de choix pour la propriété TargetControlID
 
/content/b15c4652-73b3-4273-8c61-f66e82c468b0/08.jpg
 
Note : si vous observez bien les propriétés de notre Extender, vous allez vous apercevoir que notre propriété DisableOnDblClick n'est pas présente.
Où la trouver ? Et bien, rappelez vous que depuis le début, nous cherchons à étendre le comportement d'un contrôle : Si on regarde le contrôle TextBox, on s'aperçoit que la propriété a été rajoutée à sa propre collection !
 
/content/b15c4652-73b3-4273-8c61-f66e82c468b0/09.jpg
 
Il ne reste plus qu'à exécuter et vérifier le comportement de notre TextBox étendu
Les deux points à tester, et qui rendent votre contrôle interactif sont :
  1. L'expérience utilisateur enrichi : Celui-ci peut interagir avec votre contrôle et utiliser le comportement défini par le code JavaScript
  2. Capacité d'affecter et récupérer facilement la valeur d'une propriété qui a évolué depuis l'interface cliente depuis votre code Serveur
Vous trouverez dans l'exemple un bouton qui effectue un PostBack et récupère la propriété DisableOnDblClick et affiche sa valeur dans un Label.
 
» Démarrer une discussion