剃刀视图中的div颜色

Question

我在asp.net MVC 3 razor视图中显示产品列表。我在div中的foreach循环中显示产品。我希望如果产品在售，那么div颜色是红色的。如何在剃刀视图中更改div的背景颜色？

Answer 1

剃刀观点：

@foreach (Product product in Model.ProductList)
{
    string saleClass = product.IsOnSale ? "onSale" : "regular";
    <div class="@saleClass">
        @product.Description
    </div>
}

<强>样式表：

onSale
{
    background-color: red;
}

regular
{
    background-color: white;
}

或以更直接的方式：

@foreach (Product product in Model.ProductList)
{
    string style= product.IsOnSale ? "background-color: red" : "background-color: white";
    <div style="@style">
        @product.Description
    </div>
}