MVC.Grid 可以使用动态列吗？

Question

我正在为 MVC5 应用程序构建一个用于查找表管理的接口。每个查找都封装在自己的模型中。希望/想法是我可以动态地将我选择的任何模型输入到包含MVC.Grid 的单个 Razor 页面中。不幸的是，MVC.Grid 的语法要求我对给定模型的属性进行硬编码。

有没有办法为给定模型的每个属性动态添加一列？

@model IQueryable<Person>

@(Html
    .Grid(Model)
    .Build(columns =>
    {
        columns.Add(model => model.Name).Titled("Name");
        columns.Add(model => model.Surname).Titled("Surname");
        columns.Add(model => model.MaritalStatus).Titled("Marital status");
    })
)

Answer 1

要简单地在视图中显示所有列的网格，您只需在视图中使用声明的 WebGrid 中的 GetHTML：

@model IQueryable <Person>
@{
    WebGrid grid = new WebGrid(Model);
}

<div>@grid.GetHtml()</div>

编辑： 有更多选项

@model IQueryable <Person>
@{
    WebGrid grid = new WebGrid(Model, rowsPerPage: 10, canSort: true);
}

<div>
@grid.GetHtml(
tableStyle : "table table-responsive table-striped table-bordered", 
htmlAttributes: new
    {
        id = "grid1"
    })
</div>

如您所见，您可以在 C# 代码中自定义网格行为以进行排序、限制行数...等。 并且还通过对网格应用一些样式来对您的 HTML 进行样式设置，提供一个 Id，...等等。

您可以查看这两个链接以了解更多信息，因为有很多选项无法在单个帖子中显示。

Microsoft WebGrid.GetHtml Method

MVC Webgrid basics – Simple grid with paging and sorting and selection

Answer 2

MVC.Grid 页面上的一个示例是使用数据表完成的，如果可能的话，您可以使用它。

除此之外，它归结为创建一个以某种方式访问​​数据的表达式。您可以使用以列名作为键的自己的数据结构，可以使用 .NET 表达式生成器等创建动态表达式。

@(Html
    .Grid(Model.Rows)
    .Build(columns =>
    {
        foreach (var column in Model.DynamicColumns)
        {
            columns.Add(model => model.GetValueFor(column.Name)).Titled(column.Label);
        }
        // or
        foreach (var column in Model.DynamicColumns)
        {
            columns.Add(column.BuildDataAccessExpression()).Titled(column.Label);
        }
    })
)

如果.Add(...) 方法不支持你的表达式，你可以使用限制较少的函数api 来代替.Add().RenderedAs(...)。

Answer 3

这里有一些更符合我预期的东西。

对于给定的模型...

public class Person
{
    [Display(Name = "Name")]
    public string Name { get; set; }

    [Display(Name = "Marital Status")]
    public string MaritalStatus { get; set; }

    [Display(Name = "Years Married")]
    public int Years { get; set; }
}

我可以几乎像这样为模型的每个属性动态添加一列：

@model IQueryable<Person>

@(Html
    .Grid(Model)
    .Build(columns =>
    {
        foreach (var column in typeof(Person).GetProperties())
        {
            var type = typeof(Person);
            var memInfo = type.GetMember(column.Name);
            var attributes = memInfo[0].GetCustomAttributes(typeof(System.ComponentModel.DataAnnotations.DisplayAttribute), false);
            var displayname = ((System.ComponentModel.DataAnnotations.DisplayAttribute)attributes[0]).Name;

            columns.Add(m => m.GetType().GetProperty(column.Name).GetValue(m)).Titled(displayname);
        }
    })
    .Filterable()
    .Sortable()
)

但是...过滤和排序已经消失，现在我不再对列进行硬编码。通过 JavaScript 添加事件监听器现在也失败了。模型属性的动态解析破坏了某些东西……强类型，也许？

在这个方向上有什么进一步的见解，有人吗？