Dropdown List avec Image+Text
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:
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:
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:
@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
