Discussion :

[Akid_55]

Bonjour,

Je suis débutant en ASP.NET MVC ( MVC4 ), je veux afficher une liste déroulante avec Icone + Text ( IconePays NomPays )
depuis 02 semaines mes recherches n'aboutissent à rien, certains proposent de le faire avec du
javascript(mais je ne sais exactement comment m'y prendre)

. voilà comment je procède :

1. DEscription du modele mon objet dans une classe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
public class PaysIcone
    {
        public string IPURL { get; set; }
        public string IPName { get; set; }
 
        public override string ToString()
 
        {return IPURL; }
 
 
        public PaysIcone(string imag, string description)
        {
            IPURL = imag;
            IPName = description;
        }
 
        public List<PaysIcone> SetPaysIcone()
        {
            List<PaysIcone> IPitems = new List<PaysIcone>();
 
            IPitems.Add(new PaysIcone("Pays1.png", "Pays 1"));
            IPitems.Add(new PaysIcone("Pays2.png", "Pays 2"));
             ......................
            IPitems.Add(new PaysIcone("Paysn.png", "Pays n"));
 
 
            return IPitems;
        }
}

2. Dans le controlleur j'ai l'action suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
public ActionResult AddSomeone()
        {
 
          PaysIcone A = new PaysIcone();
          var A = A.SetPaysIcone();
          ViewBag.PaysIcone = A;
          return View();
 
        }

3. Dans la vue pour afficher la liste déroulante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 @Html.DropDownList("icones", new SelectList(ViewBag.PaysIcone),"--select one--",new { @class = "form-control" })

je n'arrive pas à affciher dans la liste déroulante l'image, mais c'est L'URL qui s'affiche en dure : exemple: Image/ImPys/pays1.png
comment faire pour afficher l'icone et le text ?

Merci à tous

[Arno_94]

Salut,

Effectivement, l'approche la plus simple serait de le faire en JS.

Si comme moi, tu n'es pas spécialement doué pour le design, je te conseille de te tourner vers des "frameworks" CSS/JavaScript tels que BootStrap ou Semantic UI (il y en a des tas d'autres, ce ne sont que des exemples).

Typiquement, chez Semantic, tu seras probablement comblé avec ce contrôle, qui propose justement parmi ses exemples une dropdown avec icones des pays :

http://semantic-ui.com/modules/dropdown.html

Je suis actuellement sur du dév MVC/REACT+Semantic et mes nouveaux collègues pensent que je suis designer tellement le résultat à l'écran est rapidement convaincant.

Bon courage

[Akid_55]

Salut
Merci pour ces réponse bien expliquer je vais étudier ça et reviendrai vers vous si jamais je me retrouve coincé .

Encore merci