格式化webgrid列绑定到集合？

Question

这里是我的WebGrid：

<div id="grid"> 
@grid.GetHtml(
    tableStyle: "grid", 
    headerStyle: "head", 
    alternatingRowStyle: "alt", 

    columns: grid.Columns(
     grid.Column("FullName", "Name"), 
     grid.Column("User.Email", "Email", format:@<a href="mailto:@item.User.Email">@item.User.Email</a>), 
     grid.Column("User.PhoneExtension", "Extension"), 
     grid.Column("ManagerName", "Manager"), 
     grid.Column("User.Roles", "Roles"), 
     grid.Column("", format: (item) => new HtmlString(Html.ActionLink("Edit", "Edit", new { userName = item.User.UserName }).ToString() + "|" + Html.ActionLink("Details", "Details", new { userName = item.User.UserName }).ToString())) 
    ) 
) 

User.Roles是字符串的集合。我如何使用“格式：”输出每个角色，然后在该单元格中换行？提前致谢。

Answer 1

可以用户HTML助手来实现这一目标：

... 

    grid.Column(columnName: "User.Roles", header: "Roles", format: @<text>@Html.RenderUserRoles((List<String>)item.User.Roles)</text>) 

... 

助手会是这样的......

... 
     public static string RenderUserRoles(this HtmlHelper helper, List<string> roles) 
      { 
       string result = string.Empty; 

       foreach (var item in roles) 
       { 
        result += item + " - "; 
       } 
       result += "<br>"; 

       return result; 
      } 
... 

没有测试，但应该是一个引导到你自己的解决方案，因为你可以改变帮手以你想要的方式渲染东西。