Les contrôles DropDownList et Button

Exercice 2 : les contrôles DropDownList et Button

L'objectif de cet exercice est de réaliser une application Web qui permet la conversion d'un montant en Dollars U.S  en plusieurs devises: Euros, Yen Japonai et le Dollars Canadien

Pour cela on dispose des trois contrôles suivants :

• Le contrôle TextBox txtDollards : contient la somme en dollars à convertir
• Le contrôle DropDownList drpTypeDevise : permet de sélectionner une devise
• Le contrôle Button btnOk : permet de déclencher la conversion
• Le contrôle Label lblDollarsEnDevise : affiche le résultat de la conversion en devise.

 On donne: 1 Dollard U.S = 0,7436 Euro

                1 Dollard U.S = 81,0 Yen Japonais

                1 Dollard U.S = 0,9996 Dollar Canadien

[pic 1]

Figure 39 : Première exécution

La première étape consiste à créer une un Objet de type ListeItem et ajouter la devise (Text) et la valeur (value) de chacune :

protected void Page_Load(object sender, EventArgs e)

    {

        if (!this.IsPostBack)

        {

            drpTypeDevise.Items.Add(new ListItem("Euros","0,7436"));

            drpTypeDevise.Items.Add(new ListItem("Yen Japonais ", "81,0"));

            drpTypeDevise.Items.Add(new ListItem("Dollars Canadien", "0,9996"));

        }

    }

La deuxième étape correspond à l'écriture du code de calcul :

protected void btnOk_Click(object sender, EventArgs e)

    {        

       decimal montantUs = Decimal.Parse(txtDollards.Text);

       //Récupéréer ListItem selectionée on utilisant son indexe

       ListItem element= drpTypeDevise.Items[drpTypeDevise.SelectedIndex];

       decimal nouveauMontant = montantUs * Decimal.Parse(element.Value);

       lblDollarsEnDevise.Text = montantUs.ToString() + " Dollars U.S= ";

       lblDollarsEnDevise.Text  += nouveauMontant.ToString() +" "+ element.Text;

    } 

On va ajouter une autre fonctionnalité à note application web, un nouveau bouton btnAffichGraph permet d'afficher un graphique en utilisant un contrôle image imgGraph.

Pour cela on dispose d'un répertoire Images contenant trois images Pic0.png, Pic1.png et Pic2.png :

[pic 2]

Figure 40 : image Pic0.png pour la devise Euros

[pic 3]

Figure 41 : image Pic1.png pour la devise Yen Japonais

[pic 4]

Figure 42 : image Pic2.png pour la devise Dollar Canadien

Pour cela on ajoute le code qui permet de masquer l''image imgGraph au démarrage :

protected void Page_Load(object sender, EventArgs e)

    {

        if (!this.IsPostBack)

        {

            drpTypeDevise.Items.Add(new ListItem("Euros", "0,7436 "));

...