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でGoogleを検索すると、これを設定するためにRowAttributesプロパティを使用する必要があることがわかりました。しかし、私はこれをどうやって行うのか、あるいは私が別の解決法を見つけるべきかどうかは明らかではない。

Answer 1

あなたが適用するCSSクラスを決定するために、カスタムHTMLヘルパーを書くことができます：

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); 
    }) 
%>