根据类的集合设置多个Div颜色

时间:2015-06-27 09:49:55

标签: asp.net-mvc-4

我创建了一个类名“MetroColor”。创建了一个集合。然后作为Div返回它。下面是模型,控制器和视图。

public class MetroColors
    {
        public string ColorName { get; set; }
        public string ColorHexCode { get; set; }
        public string ColorRgbCode { get; set; }
    }

控制器。

public ActionResult Index()
        {
            List<MetroColors> listMetroColors = new List<MetroColors>();

            listMetroColors.Add(new MetroColors() { ColorName = "TURQUOISE", ColorHexCode = "#1abc9c", ColorRgbCode = "rgb(26, 188, 156)" });
            listMetroColors.Add(new MetroColors() { ColorName = "EMERALD", ColorHexCode = "#2ecc71", ColorRgbCode = "rgb(46, 204, 113)" });
            listMetroColors.Add(new MetroColors() { ColorName = "PETER RIVER", ColorHexCode = "#3498db", ColorRgbCode = "rgb(52, 152, 219)" });
            ViewBag.CreateColorList = listMetroColors;
            return View();
        }

查看。

@foreach (var item in ViewBag.CreateColorList)
{
    <div>@item.ColorName</div>
}

使用ColorNames创建div。但我希望div也可以用颜色生成,如何在集合中提到它。我怎么能这样做?

1 个答案:

答案 0 :(得分:1)

希望你在寻找这个

@foreach (var item in ViewBag.CreateColorList)
{
    <div style="background: @item.ColorHexCode;">@item.ColorName</div>
}