Kendo UI Grid 分组 - 如何设置组标题

Question

我有一个 Kendo UI 网格，可对RoleName属性进行分组。我正在尝试在分组属性上设置标题，但似乎不知道如何做到这一点。

视图模型如下。

public class UserMembershipViewModel
{
    [Display(Name = "Username")]
    [UIHint("UsersDropdown")]
    public string UserId { get; set; }

    [Display(Name = "Group")]
    [UIHint("RolesDropdown")]
    public string RoleId { get; set; }

    [Display(Name = "Group")]
    public string RoleName { get; set; }

    [HiddenInput(DisplayValue = false)]
    [Display(Name = "Username")]
    public string UserName { get; set; }

    [HiddenInput(DisplayValue = false)]
    [Display(Name = "Email")]
    public string Email { get; set; }
}

Kendo Grid 的设置如下。

Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.UserName);
        columns.Bound(p => p.Email);
        columns.Command(command =>
        {
            command.Destroy();
        }).Title("Actions").Width(200);
    })
    .Editable(editable => editable
                .Mode(GridEditMode.PopUp)
                .Window(window => window
                    .Title("Add Group Member")
                    .Draggable(true)))
    .ToolBar(toolbar => toolbar.Create().Text("Add Group Member"))
    .Pageable()
    .Sortable()
    .Groupable()
    .DataSource(dataSource => dataSource
            .Ajax()
            .Model(model =>
            {
                model.Id(user => user.UserId);
                model.Field(user => user.UserId).Editable(false);
            })
            .Events(events => events
                .Sync("sync_handler"))
            .Group(group => group.Add(model => model.RoleName))
            .Create(create => create.Action("MembershipCreate", "UserManagement"))
            .Read(read => read.Action("MembershipRead", "UserManagement"))
            .Destroy(destroy => destroy.Action("MembershipDestroy", "UserManagement"))
    )

结果是这样的..

RoleName视图模型中的属性具有属性Display。此属性确实适用于在列标题上设置标题（您可以Username在图像中看到列标题），但不适用于组标题。

所以RoleName图中的 应该是Group。关于如何设置群组标题有什么想法吗？

Answer 1

使用 ClientGroupHeaderTemplate 添加组字段作为隐藏列：

columns.Bound(p => p.RoleName).ClientGroupHeaderTemplate("#=value#").Hidden();