为mvc按字段局部视图动态设置tr背景颜色[关闭]答案

【问题标题】：Set tr background color dynamically group by field partial view for mvc [closed]为mvc按字段局部视图动态设置tr背景颜色[关闭]
【发布时间】：2020-11-08 09:07:17
【问题描述】：

我有一个动态表，我想将行背景颜色更改为按字段 1 和字段 2 分组的不同颜色。我做了如下代码，但它不能工作。


var count = 0;
var color = new string[] { " odd", " even" };
var val1 = "";
var val2 = "";
foreach (var val in Model.listofFields)
{
    if (val1 == "" && val2== "")
    {
        val1 = val.field1;
        val2 = val.field2;
    }
    if (val1 == val.field1 && val2 == val.field2)
    {
        count = 0;
    }
    else if ((val1 != val.field1 && val2 != val.field2))
    {
        count = 1;
        val1 = val.field1;
        val2 = val.field2;
    }
    else
    {
        count = 1;
        val1 = "";
        val2 = "";
    }
    <tr class="@color[count]">
    <td>@val.field1</td>
    <td>@val.field2</td>
    <td>@val.field3</td>
    <td>@val.field4</td>
    <td>@val.field5</td>
    <td>@val.field5</td>
</tr>
}

还附上样品

【问题讨论】：

标签： c# asp.net asp.net-mvc oop

【解决方案1】：

您必须在一个比较变量中设置值，这将帮助您为组制作颜色。

var val1 = "";
string color = "odd";
foreach (var val in Model.listofFields)
{
    if (val1 != (val.field1 + val.field2))
    {
        color = color == "odd" ?  "even" : "odd" ;
        val1 = (val.field1 + val.field2);
    }
    
    <tr class="@color">
    <td>@val.field1</td>
    <td>@val.field2</td>
    <td>@val.field3</td>
    <td>@val.field4</td>
    <td>@val.field5</td>
    <td>@val.field5</td>
</tr>
}

【讨论】：