如何删除“列名称：”来自 Telerik MVC (razor) 网格控件中的分组列

Question

我正在考虑在一个项目中使用 Telerik MVC3 Razor 网格控件。

分组效果非常好，但是是否可以从分组中删除“列名称：”？ 例如，

"Product Size: Large"
"Product Size: Small"
"Product Size: Medium"

更改为“

"Large"
"Small"
"Medium"

如果我将 GroupHeaderTemplate 添加到列（c=>c...）”，那么我可以让文本说出我想要的任何内容...但是随后同一列也会显示在我的网格中（之后分组列）

@(Html.Telerik().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(c => c.SheetLine).Visible(false)
            .Aggregate(a => a.Count())
            .GroupHeaderTemplate(@<text>@item.Key (@item.Count)</text>);
        columns.Bound(c => c.VSACode);
        columns.Bound(c => c.Bucket100)
            .Title("First");
    })
    .Groupable(groupable => groupable.Groups(group =>
                        {
                            group.Add(g => g.SheetLine);
                            group.Add(g => g.PrintLine);
                            group.Add(g => g.SelectionLine);
                        }).Visible(false))
)

显示

并

@(Html.Telerik().Grid(Model)
        .Name("Grid")
        .Columns(columns =>
        {
            columns.Bound(c => c.SheetLine)
                .Aggregate(a => a.Count())
                .GroupHeaderTemplate(@<text>@item.Key</text>);
            columns.Bound(c => c.VSACode);
            columns.Bound(c => c.Bucket100)
                .Title("First");
        })
        .Groupable(groupable => groupable.Groups(group =>
                            {
                                group.Add(g => g.SheetLine);
                                group.Add(g => g.PrintLine);
                                group.Add(g => g.SelectionLine);
                            }).Visible(false))
    )

显示

但我找不到中间立场来摆脱第二个“SheetLine”，所以它只是一个分组列并且有一个组标题模板。

Answer 1

您可以简单地应用以下技术：

   @(Html.Telerik().Grid(Model)
        .Name("Grid")
        .Columns(columns =>
        {
           columns.Bound(c => c.SheetLine)
                .Aggregate(a => a.Count())
                .GroupHeaderTemplate(@<text>@item.Key (@item.Count)</text>).Hidden(true);

            columns.Bound(c => c.PrintLine)           
                .GroupHeaderTemplate(@<text>@item.Key</text>).Hidden(true);

            columns.Bound(c => c.SelectionLine)          
                .GroupHeaderTemplate(@<text>@item.Key</text>).Hidden(true);

            columns.Bound(c => c.VSACode);
            columns.Bound(c => c.Bucket100)
                .Title("First");
        })
        .Groupable(groupable => groupable.Groups(group =>
                            {
                                group.Add(g => g.SheetLine);
                                group.Add(g => g.PrintLine);
                                group.Add(g => g.SelectionLine);
                            }).Visible(false))
    )

Answer 2

看起来 Telerik 支持论坛上报告了以下问题：

http://www.telerik.com/community/forums/aspnet-mvc/grid/custom-label-for-group.aspx

目前还没有办法配置这个，但是您可以将分组所在的列隐藏起来（Hidden()）。只需确保将该列放在列表的最后以支持 IE。

因此，基本上，您必须实现一个解决方案，将最后分组的列放置在网格的定义列列表中，然后必须隐藏它们（Hidden（）...not Visible（false）！）。

Answer 3

试试这个，在网格数据绑定上：

if($('#grid tbody .k-grouping-row:contains("FieldName") td p').length != 0)
{
  $('#grid tbody .k-grouping-row:contains("FieldName") td p')[0].innerHTML = "<[a]  tabindex=\"-1\" class=\"k-icon k-i-collapse\" href=\"#\" /> Your text";
}