如何在MVC5中使用Razor将行放入红色

时间:2018-06-04 20:49:56

标签: html asp.net-mvc html5 razor razor-2

我有一张桌子,当真实股票低于最低库存时我想要标记,因为我将使用Razor渲染视图,但我没有得到结果

我附上我的观点,其中包含我们希望干预的表格

        <table class="table table-bordered table-hover table-condensed">
            <tr>

                <th>
                    @Html.DisplayNameFor(model => model.First().v_Nombre)
                </th>

                <th>
                    @Html.DisplayNameFor(model => model.First().StockReal)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.First().StockMinimo)
                </th>
                <th></th>
            </tr>

            @foreach (var item in Model)
            {
                var fila = string.Empty;

                if(item.StockReal < item.StockMinimo)
                {
                    fila = "danger";
                }

                <tr class="@fila">
                    <td>                              
                        @Html.DisplayFor(modelItem => item.v_Nombre)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.StockReal)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.StockMinimo)
                    </td>
                    <td>
                        <a href="#" class="btn btn-outline-warning" onclick="EditarProducto(@item.Kn_CodigoProducto)">Editar </a>
                    </td>
                </tr>
            }

        </table>

预期行为:实际库存小于最小库存的行变为红色

已实现的行为:我的观点没有变化

我做错了什么?我的Razor代码中缺少什么?对我有什么帮助吗?

1 个答案:

答案 0 :(得分:1)

在bootstrap 4中,classtable-danger,因此请更改您的代码:

if(item.StockReal < item.StockMinimo)
{
    fila = "table-danger";
}