如何根据 MVCContrib 网格中的数据设置行的样式？

Question

我正在修改 MVCContrib Grid 并且卡在如何格式化一行数据上基于数据的网格。

例如，假设我们有一个产品网格，其中每个产品都有名称、价格和停产等数据字段。我想突出显示所有已停产的产品行。

一种解决方法是在客户端使用 jQuery 将 CSS 类应用到已停止单元格为 TRUE 的那些行，但这似乎是一个脆弱的解决方案。我希望有一种方法可以通过 Html.Grid 方法调用在服务器端完成此操作。

谢谢

Answer 1

你好 Scott：尝试像下面这样添加 RowAttributes -

@Html.Grid(Model)
    .WithModel(new CustomerGridModel())
    .Sort(ViewData["sort"] as GridSortOptions)
    .Attributes(id => "grid", style => "width: 100%;")
    .RowAttributes(data => new MvcContrib.Hash(
        @class => data.Item.Discontinued ? "discontinued" : ""))

这将向 tr 元素添加一个类属性。然后，按照以下方式创建一个类：

tr.discontinued td {background-color: red;}

抱歉，代码片段很长......