MVC3 WebGrid - динамическое создание столбцов (foreach?)

Question

Я хочу создать WebGrid со столбцами на основе коллекции, например List. Примерно так (что явно не работает):

@grid.GetHtml(
  columns: grid.Columns(
    @foreach (var column in Model.ListOfColumns) {
       grid.Column(column.Name, column.Title);
    }
  )
)          

Какие-нибудь умные идеи?

Answer 1

Вы можете просмотреть его как показано ниже.

Контроллер:

        List<WebGridColumn> columns = new List<WebGridColumn>();
        columns.Add(new WebGridColumn() { ColumnName = "Id", Header = "Id" });
        columns.Add(new WebGridColumn() { ColumnName = "Name", Header = "Name" });
        columns.Add(new WebGridColumn() { ColumnName = "Location", Header = "Location" });
        columns.Add(new WebGridColumn() { Format = (item) => { return new HtmlString(string.Format("<a href= {0}>View</a>", Url.Action("Edit", "Edit", new { Id = item.Id }))); } });
        ViewBag.Columns = columns;

Вид:

   @grid.GetHtml(tableStyle: "ui-widget ui-widget-content",
                      headerStyle: "ui-widget-header",
                      columns: ViewBag.Columns
                     )

Answer 2

Попробуйте это:

@{
    List<WebGridColumn> cols = new List<WebGridColumn>();
    foreach(var column in Model.ListOfColumns)
    {
        cols.Add(grid.Column(column.Name, column.Title));
    }
}

@grid.GetHtml(
    columns: cols
)

Answer 3

Вы можете использовать вспомогательный метод

public static class GridExtensions
{
    public static WebGridColumn[] DynamicColumns(
        this HtmlHelper htmlHelper,
        WebGrid grid
    )
    {
        var columns = new List<WebGridColumn>();

        columns.Add(grid.Column("Property1", "Header", style: "record"));
        columns.Add(grid.Column("Property2", "Header", style: "record"));
       columns.Add(grid.Column("Actions", format: (item) => { return new HtmlString(string.Format("<a target='_blank' href= {0}>Edit </a>", "/Edit/" + item.Id) + string.Format("<a target='_blank' href= {0}> Delete</a>", "/Delete/" + item.Id)); }));
        return columns.ToArray();
    }

Использование:

@{
    var grid = new WebGrid(Model);
}
@grid.GetHtml(columns: grid.Columns(Html.DynamicColumns(grid)))