Migration from older GridMvc

[ParaSwarm]

Hello there. I am migrating a project from an older GridMvc for MVC 4-ish, to .NET Core and GridMvcCore.

The original developer created custom helpers to render the grid in a certain way. They are simple, but the problem is that the CellRenderer and HeaderRenderer properties of IGridColumn don't exist in the newer library.

What is the correct way to migrate these lines that would render the cells and headers for each column? Thank you very much.

@{
    void RenderGridBody()
    {
        if (!Model.ItemsToDisplay.Any())
        {
            <tr class="grid-empty-text">
                <td colspan="@Model.Columns.Count()">
                    @Model.EmptyGridText
                </td>
            </tr>
        }
        else
        {
            foreach (object item in Model.ItemsToDisplay)
            {
                <tr class="grid-row @Model.GetRowCssClasses(item)">
                    @foreach (IGridColumn column in Model.Columns)
                    {
                        @column.CellRenderer.Render(column, column.GetCell(item)) <-- offender #1 - CellRenderer
                    }
                </tr>
            }
        }
    }
    void RenderGridHeader()
    {
        <tr>
            @foreach (IGridColumn column in Model.Columns)
            {
                @column.HeaderRenderer.Render(column) <-- offender #2 - HeaderRenderer
            }
        </tr>
    }
}

[gustavnavar]

Hello,

this should work for you:

async Task RenderGridBody()
{
    if (!Model.ItemsToDisplay.Any())
    {
        <tr class="grid-empty-text">
            <td colspan="@Model.Columns.Count()">
                @Model.EmptyGridText
            </td>
        </tr>
    }
    else
    {
        foreach (object item in Model.ItemsToDisplay)
        {
            <tr class="grid-row @Model.GetRowCssClasses(item)">
                @foreach (IGridColumn column in Model.Columns)
                {
                    @await Html.PartialAsync("_GridCell", new Tuple<IGridColumn, object>(column, item))
                }
            </tr>
        }
    }
}

async Task RenderGridHeader()
{
    <tr>
        @foreach (IGridColumn column in Model.Columns)
        {
            @await Html.PartialAsync("_GridHeader", column)
        }
    </tr>
}

But I recommend using a TagHelper approach. In this case the controller action should be:

public ActionResult Index()
{
    IQueryable<Foo> items = fooRepository.GetAll();
    Action<IGridColumnCollection<Foo>> columns = c =>
    {
        columns.Add(foo => foo.Title);
        columns.Add(foo => foo.Description);
    };
    var server = new GridServer<Order>(items, Request.Query, false, "ordersGrid", columns);

    return View(server.Grid);
}

And the view:

    @using GridMvc
    @addTagHelper *, GridMvc
    @model ISGrid

    <grid model="@Model" />

Another approach is to use a GridBlazor component for ASP.Net MVC (https://github.com/gustavnavar/Grid.Blazor/blob/master/docs/dotnetcore_blazor/Quick_start.md). It requires more work, but you will get al the funcionality of GridBlazor.