MVCContrib Html.Grid - 如何设置一行的颜色？

Question

我在部分视图中有以下代码；

        <%= Html.Grid(Model).Columns(column =>
            {
                column.For(model => model.Date).Format("{0:d}");
                column.For(model => model.DayAmount);
                column.For(model => model.LeaveType);
            })
            %></div>
        <p><%= Html.Pager((IPagination)Model)%></p></div>

最新的要求是根据休假类型设置行的颜色。 所以我打算在数据表中添加一个颜色列，比如 LeaveRowColour。 当我在 MVCContrib 上进行谷歌搜索时，我注意到也许我应该使用 RowAttributes 属性来设置它。但我不清楚如何做到这一点，或者我是否应该找到其他解决方案。

Answer 1

您可以编写自定义 HTML 帮助程序来确定要应用的 CSS 类：

public static class HtmlExtensions
{
    public static string GetLeaveTypeCss(this HtmlHelper html, string leaveType)
    {
        if (leaveType == "Type 1")
        {
            return "t1";
        }
        else if (leaveType == "Type 2")
        {
            return "t2";
        }

        return "defaultType";
    }
}

然后：

<%= Html
    .RowAttributes(model => new Hash(@class => Html.GetLeaveTypeCss(model.Item.LeaveType)))
    .Grid(Model)
    .Columns(column =>
    {
        column.For(model => model.Date).Format("{0:d}");
        column.For(model => model.DayAmount);
        column.For(model => model.LeaveType);
    })
%>