基于枚举值的样式

Question

我有一个枚举如下：

 enum ProgressStatus{
   Approved,
   Unapproved,
   InProcess
 }

我有一个使用此类的Project对象。 基于枚举值，我需要在样式设置时将它们的值显示为绿色，黄色或蓝色。

<ol class="breadcrumb">
      @if (Model.ProgressStatus == ProgressStatus.Approved)
      {
        <li style="color:red;"><label>Vaziyet Planı</label></li>
      }

</ol>

这就是我尝试这样做的方法，但是它变得笨拙而笨拙。

完成这项工作的正确方法是什么？

Answer 1

将此视为您的观点：

@{

    var labelColours = new Dictionary<ProgressStatus, string>()
    {
        { ProgressStatus.Approved, "green" },
        { ProgressStatus.Unapproved, "yellow" },
        { ProgressStatus.InProcess, "blue" }
    };
}

然后在标签中使用：

<li style="color: @labelColours[Model.ProgressStatus];">

Answer 2

对于您的枚举，可以使用一个短开关来设置颜色：

@{
    string color;
    switch(Model.ProgressStatus)
    { 
         case ProgressStatus.Approved : color = "green"; break; 
         case ProgressStatus.Unapproved : color = "yellow"; break; 
         //...
    }
 }

那你只需要一个元素

 <li style="color:@color;"><label>Vaziyet Planı</label></li>

实际上，这只是对Stijn答案的不同看法。 我喜欢他更好。

Answer 3

将此逻辑放在控制器中，并将其解析为绑定到视图的单个模型属性。

<li class='@Model.FinalStyle'><label>@Model.Text</label></li>