ASP.NET & WebMatrix 5 ASP.NET & WebMatrix 1 ASP.NET & WebMatrix 2 ASP.NET & WebMatrix 3 ASP.NET & WebMatrix 4 ASP.NET & WebMatrix 6 ASP.NET - S'équiper
ASP.NET & Webmatrix - Part 5 (1/5) Lier une source de données à une DropDownList

Nous allons mettre en place dans ce cinquième Part un WebControl de type DropDownList. Nous verrons au travers de ses différentes propriétés, comment la peupler d'une source de données et comment récupérer les valeurs de la sélection. Ce tutorial reprend ce que nous avons déjà vu lors des deux précédents Parts en travaillant autour de cette fameuse DropDownList.

---

Partie graphique - Peupler la DropDownList (VB.NET) - Peupler la DropDownList (C#) -
Ajout de l'élève (VB.NET) - Ajout de l'élève (C#)

---

Si vous avez raté un épisode, nous sommes en train de créer un Intranet au sein d'un établissement scolaire. Nous avons déjà mis en place la structure de notre base de données, defini la structure de nos pages et terminé le module de gestion des classes. Si tout ceci ne vous parle pas, je vous conseille vivement d'aller jeter un oeil aux Part 1, Part 2, Part 3 et Part 4.

Dans ce cinquième Part, nous allons commencer à développer notre module permettant de gérer les élèves de notre établissement. Le principe d'ajout sera basé sur le même principe que celui utilisé lors du Part 3 mais l'objectif sera ici de voir comment mettre en place dynamiquement un contrôle serveur de type DropDownList qui nous permettera de sélectionner la classe dans laquelle nous affecterons l'élève en question.

Une DropDownList n'est ni plus ni moins un contrôle serveur qui va encapsuler du code HTML correspondant à une liste déroulante. C'est le pendant de nos élements <select>. Nous allons voir comment lui lier une source de données, en locurence ici, notre base de données MSDE.

Dans notre page eleves.aspx (celle qui s'affiche lorsque l'on clique sur le lien "Gestion des élèves"), ajouter un lien qui pointe vers la page ajouter_eleve.aspx. C'est sur celle ci que nous allons travailler. Nous reviendrons sur la page eleves.aspx un peu plus tard.

Réalisation de la partie graphique

Encore une fois, notre formulaire se voudra simple. Une simple TextBox (TB_Nom_Eleve) qui nous permettra de saisir le nom de l'élève, un Label (LB_Message, invisible par défaut) pour afficher un message de confirmation, notre fameuse DropDownList (DDL_Liste_Classes) qui contiendra plus tard la liste des classes actuellement ouvertes et bien sur un bouton (BT_Envoyer), permettant d'envoyer le formulaire. Maintenant que vous êtes rodés sur l'utilisation des environnements Microsoft, je vous laisse vous débrouiller pour mettre en place ce formulaire. La capture d'écran suivante est, de toutes manières, on ne peu plus parlante ;)

Là encore, je vous invite, dans un cas réel, à compléter votre formulaire, notamment avec des contrôles de validations. Nous avons étudié la chose dans le Part 3. Allez-y faire un tour si vous désirez revoir la procédure à suivre.

Peupler la DropDownList (VB.NET) | Peupler la DropDownList (C#)