CODEWITHSUNDEEP
asp.net-mvc-3webgrid
pfeds
pfeds

Reputation: 2273

MVC3 WebGrid - Creating Columns Dynamically (foreach?)

I want to create a WebGrid with columns based on a collection, such as List. Something like this (which obviously doesn't work):

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

Any clever ideas?

Upvotes: 2

Views: 14266

Answers (3)

Moe
Moe

Reputation: 47

You could use helper method

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

Usage:

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

Upvotes: 0

Ringo Long
Ringo Long

Reputation: 104

You could ViewBag it like below.

Controller:

        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;

View:

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

Upvotes: 8

Billy Jo
Billy Jo

Reputation: 1332

Try this:

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

@grid.GetHtml(
    columns: cols
)

Upvotes: 4

Related Questions