Razor 嵌套 WebGrid [英] Razor Nested WebGrid

问题描述

我如何嵌套 WebGrid，每列都有很多格式.我可以做一个嵌套的 for 循环，但我基本上需要它来进行分页.或者还有其他更好的选择吗?

How do I have nested WebGrid with lot of formatting for each column. I can do a nested for-loop, but I need it basically for paging. Or is there any other better option?

推荐答案

请原谅冗长的数据设置，但这有效...

Excuse the verbose data setup but this works...

@{
    var data = Enumerable.Range(0, 10).Select(i => new { Index = i, SubItems = new object[] { new { A = "A" + i, B = "B" + (i * i) } } }).ToArray();
    WebGrid topGrid = new WebGrid(data);
}

@topGrid.GetHtml(columns:
    topGrid.Columns(
        topGrid.Column("Index"),
        topGrid.Column("SubItems", format: (item) =>
        {
            WebGrid subGrid = subGrid = new WebGrid(item.SubItems);
            return subGrid.GetHtml(
                    columns: subGrid.Columns(
                        subGrid.Column("A"),
                        subGrid.Column("B")
                    )
                );
        })
    )
)

渲染:

当然，您必须确保在 GetHtml() 方法调用中为每个网格(顶部和子网格)提供唯一的参数名称以进行分页/排序，否则最终会出现冲突.

Of course you'll have to make sure in the GetHtml() method calls you give each grid (both top and sub) unique parameter names for paging/sorting or you'll end up with conflicts.

这篇关于Razor 嵌套 WebGrid的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！