c# - MVC WebGrid 动态内容

Question

我想要实现的目标很难解释，如果我能提供更多信息，请告诉我。我有一种感觉，我正在尝试超出他们的手段使用 WebGrids，所以如果有人有任何开源替代品可以做我正在尝试的事情，那也会有所帮助。

我需要从头开始构建一个 WebGrid，因为返回给它的内容(列和值)会根据我表单上的其他条件而变化。我在表格中使用几行简单的代码就可以完成这项工作，但我想使用 WebGrid 进行样式设置、排序和分页。

@model DocumentSearchViewModel

@if ((this.Model != null) && (this.Model.SearchResults != null) &&     (this.Model.SearchResults.Count() > 0))
{ 
    <table>
        <thead>
            <tr>
                <th>Document</th>
                @foreach (var metadata in this.Model.SearchResults.Metadata)
                {
                    <th>
                        @metadata.InstanceFieldName
                    </th>
                }
            </tr>
        </thead>
        <tbody>
            @foreach (var document in this.Model.SearchResults)
            {
                <tr>
                <td>
                    @Html.ActionLink(document.Id.ToString(), "Details", new { id = document.Id })
                </td>
                    @foreach (var metadata in document.Metadata)
                    {
                        <td>
                            @metadata.Value
                        </td>
                    }
                </tr>
            }
        </tbody>
    </table>
}

为了解释模型结构，SearchResults 有一个 IEnumerable<MetadataModel> ，并且此 MetadataModel 具有 InstanceFieldName 和 Value 的属性。执行搜索时，每个结果将始终具有相同数量的元数据和相同的 InstanceFieldNames，但值不同，但是快速更改表单上的字段，并且新的搜索可能会返回一组新的结果(再次具有彼此相同的一组元数据，但与第一组结果不同)

网格的列对应于元数据 InstanceFieldName，内容对应于值。

所以我已经尽我最大的努力使用 WebGrid，但我能得到的最好的结果是一个具有正确列标题的网格，以及正确的行数，列具有正确的数据，但每一行都是相同的(复制从最后一行)。

@{
var grid = new WebGrid(canPage: true, canSort: true, rowsPerPage: Model.PageSize,     sortFieldName: Model.Sort, sortDirectionFieldName: Model.SortDir);
grid.Bind(Model.SearchResults, rowCount: Model.DocumentCount);
List<WebGridColumn> cols = new List<WebGridColumn>();
foreach(var metadata in Model.SearchResults.Select(r => r.Metadata).FirstOrDefault())
{
    var col = new WebGridColumn();
    col.ColumnName = metadata.InstanceFieldName;
    col.Header = metadata.InstanceFieldHeader;
    col.Style = "gridRow";
    col.CanSort = true;
    cols.Add(col);
}

foreach (var result in Model.SearchResults)
{        
    foreach (var col in cols)
    {
        var metadataValue = result.Metadata.Single(m => m.InstanceFieldName == col.ColumnName).Value;
        col.Format = (item) => @Html.Raw("<text>" + metadataValue + "</text>");
    }
}
}

@if ((this.Model != null) && (this.Model.SearchResults != null) && (this.Model.SearchResults.Count() > 0))
{   
    @grid.GetHtml(htmlAttributes: new { id = "documentGrid" }, rowStyle: "gridRow", alternatingRowStyle: "gridRowAlt", columns: cols)
}

我正在尝试解决的问题是如何以及如果可能首先生成列，然后将行填充到这些列中。

非常感谢任何帮助，谢谢，马克

Answer 1

您正在为行提供相同的值，您应该更改格式:

col.Format = (item) => @Html.Raw(item.metadataValue);